vue生命周期理解

1.Vue生命周期是什么？

Vue实例在被创建时，会经历一系列的初始化过程：从开始创建-》初始化数据=》编译模板=》实例挂载DOM=>渲染，更新=》渲染，卸载，这个过程我们称为vue生命周期，同时在这个过程中会运行一些叫做生命周期钩子函数。

2.生命周期钩子函数都有哪些？

• beforeCreate:组件实例创建之前，这个阶段data和methods还未初始化；
• created:组件实例化创建，属性绑定，但是真实DOM还未生成，$el不可用，data和methods初始化完成，可以在这个阶段调用方法和操作data数据。
• beforeMount:挂载之前，模板已经编译，还未挂载到页面中
• mounted：el被vm.$el所代替，并挂载到实例上。这个时候整个初始化完毕
• beforeUpdate：数据更新之前
• Updated :数据更新之后
• beforeDestroy:组件销毁之前
• destroyed:组件销毁之后
• activated：keep-alive 专属，组件被激活时调用
• deactivate : keep-alive 专属，组件被销毁时调用

3.图解
看到了一个特别好的图解分析，这里分享给大家

vue.png

该图来自于：
30 道 Vue 面试题，内含详细讲解