Vue 的生命周期

1.beforeCreate

在这个阶段,Vue实例中的事件监听和watch都已经初始化完成了。

2.created

Vue实例中的data、methods等内容都已经初始化完成了。

3.beforeMount

进行模板的渲染,把HTML结构渲染出来,但是Vue实例中的数据没有渲染到DOM中。

4.mounted

 el被新创建的vm.$el替换,并挂在到实例上去之后调用该钩子函数。这个时候,Vue实例中的data会被渲染到DOM中。

5.beforeUpdate和updated

更新数据,并重新渲染DOM和虚拟DOM。

6.beforeDestroy和destroyed

销毁Vue实例,生命周期结束。

参考地址:https://segmentfault.com/a/1190000011486619

 

原文地址:https://www.cnblogs.com/xushengguan/p/10463384.html