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() 组件被销毁,指令,模板都已经不可用了