vue初级 总结

　　mvvm　　m：代表 data　　v 代表 view　　vm 代表 Vue 的实例

　　v-cloak　　指令　　解决闪烁的问题　　需要在 style 标签中加入 [v-cloak];{ display:none }

　　v-bind　　指令　　绑定属性　　简写　:

　　v-on　　指令　　绑定事件　　简写　@　　指定的函数带() 表示可以传参，也可以不带

　　　　v-on.shop　　阻止事件冒泡　　v-on.prevent　　阻止事件默认行为

　　v-html　　指令　　将数据渲染到页面上，并解析了标签

　　{{}}　　指令　　等同于　　v-text　　将数据渲染到页面上，但是不解析标签

　　v-model　　指令　　数据的双向绑定

　　v-for　　指令　　对数据进行遍历　　注意使用　　:key='唯一的类型'　　牵扯到 diff 算法

　　v-if　　指令　　是否将数据显示到页面上，节点操作

　　v-show　　指令　　是否将数据显示到页面上，display:none / block 操作

　　@keyup.enter　　指令　　enter 键抬起的　　可以使用 键码

　　|　　管道符　　

　　过滤器　　Vue.filter

　　自定义指令　　Vue.directive

　　组件　　Vue.component

　　计算属性　　Vue.computed

　　监听器　　watch

　　props　　子组件获取父组件的数据

　　ref　　父组件获取子组件的数据

　　this.$nextTick()　　生命周期最后执行的函数

　　Object.definePropery()　　对象属性的操作　　Object.getOwnPropertyDescriptor()　　返回关于对象属性的描述　　这两个配合使用

　　生命周期

　　　　beforeCreate()　　在 beforeCreate 生命周期执行的时候，data 和 methods 都还没初始化

　　　　created()　　data 和 methods 都已经被初始化好了

　　　　beforeMount()　　表示模板在内存中编译完成了，但是尚未把模板渲染到页面上来

　　　　mounted()　　表示将模板挂载到页面上了，用户已经可以看到渲染好的页面

　　　　beforeUpdate()　　表示数据更新了，页面还没更新

　　　　updated()　　表示数据 和 页面都更新了

　　　　beforeDestroy()　　表示，Vue 实例从运行阶段，到快要销毁的阶段，指令，模板还处在可用的状态

　　　　destroyed()　　组件被销毁，指令，模板都已经不可用了