生命周期 | 解释 | 操作 |
---|---|---|
beforeCreate() | 在实例初始化后,this 指向创建的实例,不能操作 DOM 节点 | 请求资源、数据 |
created() | 实例已经创建完成之后被调用,DOM 未生成 | 改变data中的数据,获取computed中的计算属性,Ajax请求 (服务端渲染) |
beforeMount() | 在挂载开始之前调用,data 已初始化,为虚拟 DOM | |
mount() | 挂载到实例上之后调用,可以操作 DOM 节点 | Ajax请求 |
beforeUpdate() | 数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁之前。可以进一步地更改状态,不会触发附加的重渲染过程。 | 更改状态 |
updated() | 由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后调用。组件 DOM 已经更新,可以执行依赖于 DOM 的操作。 | 执行依赖于 DOM 的操作,避免更改状态 |
beforeDestroy() | 实例销毁之前调用,实例仍然完全可用。 | 定时器的清除,监听的DOM事件的清除 |
destroyed() | 实例销毁后调用。Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。 | 销毁实例 |
Vue的生命周期详解
最新推荐文章于 2024-07-22 11:56:16 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)