Vue生命周期是Vue实例从创建到销毁的过程，就是生命周期。
在Vue实例的生命周期过程中会运行生命周期钩子函数。
生命周期主要有三个阶段：初始化、更新、销毁。
// 生命周期钩子函数
//初始化
beforeCreated(){} //执行时组件实例还未创建，常用于初始化任务
created(){} //组件初始化完毕，常用于异步数据获取
beforeMounted(){} //未执行渲染、更新，DOM未创建
mounted(){} //初始化结束，DOM已创建，可用于获取访问数据和DOM元素
//更新
beforeUpdated(){} //更新前
updated(){} //更新后
//销毁
beforeDestory(){} //销毁前，可用于一些定时器或订阅的取消
destoryed(){} //已销毁
...
以下来自Vue官网的图描述了生命周期的整个过程
image.png
此前的Vue.js系列文章： Vue.js常用开发知识简要入门（一） Vue.js常用开发知识简要入门（二） Vu...
1 生命周期 Vue生命周期是Vue实例从创建到销毁的过程，就是生命周期。在Vue实例的生命周期过程中会运行生命周...
Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...
Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...
Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...
Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...
此前的Vue.js系列文章： Vue.js开发常见问题解析 Vue.js常用开发知识简要入门（一） Vue.js常...
// 关于vue.js生命周期的一些认识：// this.a ...
生命周期是贯穿Vue项目的一个重要知识点（想更多了解的建议搜索类似的掘金文章，入门文章） 创建阶段（流程如下） （...
vue.js 中的生命周期包含三块：组件生命周期、路由生命周期、指令生命周期 。所谓生命周期就是由一系列钩子函数组...
本文标题：Vue.js入门（二）：生命周期
本文链接：https://www.haomeiwen.com/subject/akfgektx.html
网友评论