vue生命周期理解
2019-08-20 本文已影响0人
isSunny
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 面试题，内含详细讲解
