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

原文地址:https://www.cnblogs.com/shangjun6/p/11246658.html