Vue学习笔记

Vue指令：

• v-bind：单向绑定解析表达式，可简写为:
• v-model：双向数据绑定
• v-for：遍历数组 / 对象 / 字符串
• v-on：绑定事件监听，可简写为@
• v-if：条件渲染（动态控制节点是否存存在）
• v-else：条件渲染（动态控制节点是否存存在）
• v-show：条件渲染 (动态控制节点是否展示)

生命周期
定义：每个对象创建到销毁的过程。

• 创建：
  beforeCreate：new个vue实例，还没有初始化好data 和 methods 。
  created：实例已经完成了模板的编译，但是还没有挂载到页面中。
  beforeMount：此时已经完成了模板的翻译，但是还有完全挂载到页面中。
  mounted：将模板挂载到了页面指定的容器中显示。
• 运行：
  beforeUpdate：此时data中的状态值是最新的，但是界面上数据还是旧的，因为此时还没有开始重新渲染DOM节点
  updated：data值和界面上数据都是最新的，界面已经被重新渲染好了。
• 销毁：
  beforeDestroy：此时，实例身上所有的 data 和所有的 methods， 以及 过滤器、指令都处于可用状态。
  destroyed：Vue 中所有东西被销毁。

图源百度