1 变量声明
（1）let（变量）
（2）const(常量)
注： vue实现了数据和界面分离
2 vue对象
（1）el属性：该属性决定了Vue对象管理哪一个元素
（2）data属性：存储数据
（3）methods：定义方法
（4）取数组中的数据，用ul li
v-for=“item in movies”
其中movies为数组
（5）计算属性：computed，与methods类似，引用不需要加（）
注：计算属性和方法的区别
计算属性是基于它们的依赖进行缓存的，只有在相关依赖发生改变时才会重新求值
方法绑定数据只要被调用，方法将总会再次执行函数。
计算属性相对节省资源性能
3 指令
（1）v-on：事件绑定，比如点击、拖拽、键盘事件
简写方式（也叫语法糖）为：@
注：
1、事件监听时若调用函数没有参数，可以省略括号。
2、当需要参数时省略括号，会默认将浏览器产生的event事件对象作为参数传入到方法中。
3、当需要event对象又需要其他参数时，使用$event可以获得event对象
v-on的修饰符：
（1）.stop：阻止事件冒泡
（2）.prevent：阻止默认事件
（3）监听键盘的点击：例如：@keyup.enter
（4）.once：只触发一次
注：MVVM（model-view-viewmodel）指viewmodel自动接收view数据展示到model上
vue中的MVVM：
（1）把model上的数据绑定到view上
（2）界面上发生一些操作时，将数据回调至javascript对象
注意：开发中什么时候称之为方法，什么时候称之为函数？
在类中定义的通常称之为方法
（2）v-once：只渲染一次，不随着数据的改变而改变
（3）v-html：用于解析html元素
（4）v-text：用于展示文本，一般不用
（5）v-pre：原封不动地显示内容
（6）v-cloak：在vue解析之前，有一个属性v-cloak，解析之后删除
（7）v-bind：动态绑定属性，常用于绑定链接
语法糖写法为：(冒号就是简写)
<a v-bind:href=""></a>
<div :class={类1：true，类2：false}></div>
<div :style={fontSize：'50px'，类2：false}></div>
4 Vue的生命周期
（1）生命周期:vue实例从创建到销毁的过程
（2）Vue的生命周期分为8个阶段：创建前\后、加载前\后、更新前\后、销毁前\后
（3）第一次加载页面时触发：created、beforecreate、mounted、beforemount
（4）DOM渲染在mounted时完成
生命周期包含的函数:
（1）beforeCreate：此时data和methods中的数据还没有渲染完成
（2）created：此时data和methods中的数据初始化完成，可以调用
（3）beforeMount：模板已在内存中编译好，没在界面显示，变量未被替换
（3）与（4）之间：将内存编译好的模板替换到界面中
（4）mounted：在mounted中操作界面的DOM节点
当数据被修改时
（5）beforeupdate：data是新的，但是界面显示的还是旧的
（6）updated：页面与data保持一致
（7）beforedestory：实例中的data、methods等都处于不可用状态，但并没有销毁
（8）destoryed：销毁