vue.js（15）--vue的生命周期

生命周期钩子

生命周期钩子=生命周期函数=生命周期事件

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。

实例创建期间的生命周期函数

beforeCreate：实例刚刚在内存中创建，还没有初始化好实例中的data与methods

Created：实例已经创建完成，data与methods已经创建完成，但是还没有编译模板

beforeMount：此时完成了模板的编译，但是模板在内存中，还没有挂载到页面中

mounted：此时已经将编译好的模板挂载到页面中

实例运行期间的生命周期函数

beforeUpdate：实例中的数据每更新一次便执行一次此函数，此时data中的数据是最新的，但是还没有渲染到页面中，所以页面数据是旧的

updated：实例中的数据每更新一次便执行一次此函数，此时data和页面中的数据都是最新的，页面已经渲染完毕

实例销毁期间的生命周期函数

beforeDestroy：实例销毁之前调用，此时实例仍然可用

destroyed：vue实例销毁之后调用，此时实例指示的所有东西会被解绑，事件监听也会移除，子实例也会被销毁

生命周期图示

                                                

                                                     

转载于:https://www.cnblogs.com/qiqisusu/p/11363396.html