Vue 1.0 和 2.0 执行顺序

转载于 2018-08-19 16:46:00 发布 · 78 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yanxiatingyu/p/9501712.html

文章标签：

#javascript #ViewUI

本文详细介绍了Vue.js不同版本中的生命周期钩子及其触发时机。包括Vue 1.0中的初始化过程及销毁阶段，Vue 2.0中新增的钩子如beforeCreate、beforeMount等，并解释了各钩子的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// Vue 生命周期
// Vue 1.0
// 执行步骤:选项/生命周期钩子
//     1 init
//     2 created
//     3 beforeCompile
//     4 compiled
//     5 ready
//     6 attached
//     以上初始化时 依次触发

//     detached    在vm.$el 从DOM中删除时调用，必须是由指令或实例方法删除
    
//     以下两个：vm实例销毁时依次触发执行
//     1 beforeDestroy            
//     2 destroyed

// Vue 2.0
//     选项/生命周期钩子
//     以下是初始化时依次触发
//     beforeCreate
//     created
//     beforeMount
//     mounted

//     以下两个：页面元素更新时触发
//     beforeUpdate
//     updated
    
//     activated:组件激活时调用
//     deactivated:组件停用时调用

// 以下两个：vm实例销毁时依次触发执行
//     beforeDestroy
//     destroyed