Vue2.0笔记——起步

起步

同其他jquery一样，Vue也是需要引用的通过<script>标签引入js文件

<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js/vue.js"></script>

你可以去github下载，也可以直接引用Vue的js

https://github.com/vuejs/vue/releases或<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn.jsdelivr.net/npm/vue"></script>

声明式渲染

一个简单的HelloWorld
1.创建html，引入vue.js，只需要在script中编写如下代码

var vm = new Vue({    el:'#app',    data:{        message:'HelloWorld'    }})

2.然后在body中添加div标签，并添加id为app,如下代码:

<div id='app'>    {{message}}<div>

3.注意DOM编译顺序，按需添加windows.onload方法。
Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联，所有东西都是响应式的

new Vue({})即表示一个实例对象，el选项为Vue实例挂载的目标，实例挂载后，元素可用vm.$el访问。具体更多选项在后篇文章。

接下来，我将一篇篇的写下自己的笔记。