vue有多少个生命周期
时间: 2023-08-21 14:05:19 浏览: 106
浅谈vue生命周期共有几个阶段?分别是什么?
Vue 有8个生命周期钩子函数,按照调用顺序分别是:
1. beforeCreate:实例刚被创建,属性和方法还未被初始化。
2. created:实例已经创建完成,属性和方法已经被初始化,但 DOM 还未渲染。
3. beforeMount:在挂载开始之前被调用,此时 template 已经编译完成,但还未挂载到 DOM 中。
4. mounted:实例已经挂载到 DOM 上后调用,此时 DOM 元素可见。
5. beforeUpdate:响应式数据更新前调用,可以在此时修改数据。
6. updated:响应式数据更新后调用,DOM 已经更新。
7. beforeDestroy:实例销毁前调用,可以在此时进行善后工作。
8. destroyed:实例销毁后调用,所有的事件监听器会被移除,子实例也会被销毁。
这些生命周期钩子函数可以用来在不同的阶段执行相应的操作,例如初始化数据、发送网络请求、监听事件等。
阅读全文