vue生命周期函数

前端-公瑾

已于 2022-07-07 20:21:20 修改

阅读量127

点赞数

文章标签： vue.js javascript 前端

于 2022-07-07 20:18:58 首次发布

本文链接：https://blog.csdn.net/qq_49029709/article/details/125666442

版权

// 1. 创建前：实例初始化前
注意：此时无法获取data中的数据、methods中的方法。
beforeCreate() {},
// 2. 创建后：实例初始化后
// 此时能查找到组件里的变量,可以调用methods中的方法、改变data中的数据。
使用场景：发送请求获取数据
created() {},
// 3.挂载到真实的网页之前
beforeMount() {},
// 4. 挂载后=> 挂载到真实的网页上
说明：此时，vue实例已经挂载到页面中，可以获取el中的DOM元素，进行DOM操作。
mounted() {},
// 5. 数据更新：页面更新前
beforeUpdate() {},
// 6. 数据更新：页面更新后
说明：组件DOM已经更新，所以你现在可以执行依赖DOM的操作。
updated() {},
// 7. 组件销毁前
使用场景：实例销毁之前，执行清理任务，比如：清除定时器等。
beforeDestroy() {// (清除定时器 / 解绑js定义的事件)
},
// 8. 销毁后
destroyed() {// (清除定时器 / 解绑js定义的事件)
}```