Vue的生命周期

最新推荐文章于 2022-10-31 10:18:26 发布

wuxin0811

最新推荐文章于 2022-10-31 10:18:26 发布

阅读量92

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/wuxin0811/article/details/119809304

版权

Vue的生命周期：

vue实例从创建到挂载到更新，最后销毁，这整个流程叫做vue的生命周期

生命周期钩子函数：

1.初始化构建阶段
beforeCreate ：vue实例初始化完成之前，完成了vue事件、属性的初始化，但是访问不到vue实例中的data、methods 。
created ： vue实例初始化完成，可以访问实例内部的数据和方法。
2.挂载阶段
beforeMount ：完成了模板的解析，但是数据没有绑定到模板上。
mounted ：vm.$el虚拟dom替换el Dom，完成了数据绑定。
3.更新阶段
beforUpdate ：数据以及修改，虚拟dom也构建完毕，但是没有渲染到页面上。
updated ：更新过后的虚拟dom节点，成功渲染到页面上。
4.销毁阶段
beforeDestory ：vue实例销毁之前，还可以访问实例。
destoryed ：vue实例上绑定的事件、监听器、子组件销毁完毕，访问不到vue实例了。