Vue生命周期钩子函数简单总结
Vue生命周期钩子函数
大致分为三个阶段：
1、初始化阶段：
-
beforeCreate（组件创建前）：data和methods中的数据还未被初始化
-
created（组件创建结束）：data和methods中的数据已经完成初始化
-
beforeMount（组件挂载前）：模板编译完成，但还未渲染挂载到页面
-
mounted（组件挂载结束）：渲染完成，挂载到页面
2、运行阶段：
触发条件：当数据发生变化时
3、销毁阶段：
触发条件：当组件销毁时
-
beforeDestroy（组件销毁前）：data、methods、指令、过滤器等都还可以正常使用，未执行销毁
-
destroyed（组件销毁结束）：data、methods、指令、过滤器等都已经不可用
图片来自黑马前端教程