Vue

生命周期

2021-08-06  本文已影响0人  卑微小李学前端

生命周期:

          1、又名:生命周期回调函数、生命周期函数、生命周期钩子。

          2、是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数

          3、生命周期函数名字不可更改,但函数的具体内容是程序员根据需求来编写的

          4、生命周期函数中的this指向的是VM 或 组件实例对象。

beforeCreate() 创建之前 

created() 创建完毕

beforeMount() 挂载之前

mounted() 挂载完毕

beforeUpdate() 更新之前

updated() 更新完毕

beforeDestroy() 销毁之前 

destroyed() 销毁完毕

常用的生命周期钩子:

          1、mounted:发送ajax请求、启动定时器、绑定自定义事件、订阅消息【初始化操作】。

          2、beforDestroy:清楚定时器、解绑自定义事件、取消订阅消息等【收尾工作】。

        关于销毁Vue实例

          1、销毁后借助vue开发者工具看不到任何消息。

          2、销毁后自定义事件会失效,但原声DOM事件依然生效。

          3、一般不会在beforeDestroy操作数据,因为即便操作数据,也不会再触发更新流程了。

上一篇下一篇

猜你喜欢

热点阅读