Vue知识点总结

双向数据绑定

双向数据绑定（MVVM）：当数据发生变化时，页面展示也会发生变化；而表单数据发生变化时，绑定的模型数据也发生变化。
model和view是通过viewmodel对象进行双向数据绑定的，而viewmodel对象是VUE提供的

vue属性

创建 Vue 对象时，需要传递一个 js 对象，而该对象中需要如下属性：
el ： 用来指定哪儿些标签受 Vue 管理。 该属性取值 #app 中的 app 需要是受管理的标签的id属性值
data ：用来定义数据模型
methods ：用来定义函数。这个我们在后面就会用到

指令

指令	作用
v-bind	为HTML标签绑定属性值，如设置 href , css样式等
v-model	在表单元素上创建双向数据绑定
v-on	为HTML标签绑定事件
v-if	条件性的渲染某元素，判定为true时渲染,否则不渲染
v-else
v-else-if
v-show	根据条件展示某元素，区别在于切换的是display属性的值
v-for	列表渲染，遍历容器的元素或者对象的属性

生命周期

生命周期也被成为钩子方法

状态	生命周期
beforeCreate	创建前
created	创建后
beforeMount	载入前
mounted	挂载完成
beforeUpdate	更新前
updated	更新后
beforeDestory	销毁前
destoryed	销毁后