Vue学习笔记---生命周期

最新推荐文章于 2024-03-08 10:00:57 发布

洛千陨

最新推荐文章于 2024-03-08 10:00:57 发布

阅读量123

点赞数

分类专栏： Vue学习笔记文章标签： vue.js

本文链接：https://blog.csdn.net/qq_44242707/article/details/120371913

版权

16 篇文章 0 订阅

订阅专栏

beforeCreate：数据观测和初始化事件未开始
created：完成数据观测，属性和方法的计算，初始化事件，$el属性不可用
beforeMount：render函数被调用，实例完成编译模板，并把数据和模板生成HTML
mounted：用编译好的HTML来替换el属性指向的DOM对象，完成模板中的HTML渲染到页面
beforeUpdate：数据更新时调用，能访问当前DOM
updated：组件DOM已经更新，可以执行依赖于DOM的操作；大多数情况下避免在此期间改变状态；不会保证所有子组件都会重绘，可以使用nextTick确保操作重绘后的DOM
beforeDestory：在此状态仍然可以调用实例
destroyed：实例被销毁，监听事件也被销毁
activated：keep-alive缓存组件激活时调用，每次切换到该组件时不需要再调用created与mounted
deactivated：keep-alive缓存组件停用时调用

可通过在生命周期钩子前面加上 “on” 来访问组件的生命周期钩子，生命周期函数在Vue2.0基础上作出如下改变：

关注