关于vue.js:Vue生命周期

生命周期

次要阶段

• 挂载 (初始化相干属性)

  1. beforeCreate: vue 实例刚刚初始化，生命周期，工夫，数据代理还未开始，所以无法访问到 data 中的数据，methods 的办法。
  2. created: 初始化数据金策和数据代理，所以，能够拜访到数据中的 data 和 methods 的办法了。
  3. beforeMount: Vue 开始解析模板，生成虚构 DOM(内存中)，页面还不能显示解析好的内容，所以，页面出现的是没有通过 Vue 编译的 DOM 构造，所有的 DOM 操作，也都是不失效的。
  4. mounted: Vue 将内存中的虚构 DOM 转化为实在 DOM 插入到页面，所以，页面上出现的就是通过 Vue 编译的 DOM，这里对 DOM 的操作就是无效的了。

• 更新 (元素或组件的变更操作)

  1. beforeUpdate: 这个时候，数据是新的，页面还是旧的。就是说，数据和页面尚未放弃同步。
  2. updated: 数据和页面都是新的，曾经同步更新实现。

• 销毁 (销毁相干属性)

  1. beforeDestroy
  2. destroyed

• 路由专用的生命周期

  1. activated：被 keep-alive 缓存的组件激活时调用
  2. deactivated：被 keep-alive 缓存的组件停用时调用

• 很少用的

  1. ErrorCaptured：当捕捉一个来自子孙组件的谬误时被调用。此钩子会收到三个参数：谬误对象、产生谬误的组件实例以及一个蕴含谬误起源信息的字符串。此钩子能够返回 false 以阻止该谬误持续向上流传。