生命周期

次要阶段

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

    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 以阻止该谬误持续向上流传。