初学Vue(全家桶)-第10天(vue2)生命周期-待补充。。。

初学Vue

生命周期

定义

  • 官方定义

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。

  • 个人理解

Vue的生命周期指的是Vue实例vm的生命周期,就像普通人的一生一样,在指定的时间段做指定的事情,而vm将这不同时间段做的几件事情都用函数来表示,在特定使时期来调用,因此又可以叫做生命周期函数、生命周期钩子。


常见生命周期函数(钩子)有mounted、updated、destroyed、beforedestroy、beforemounted。
常用的有:
1、mounted:在这个钩子中可以发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】
2、beforeDestroy:用于清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】

(1)生命周期函数的名字不可更改,但函数的具体内容是根据需求编写的
(2)生命周期函数是与vue中配置项同级的,因此生命周期函数的this指向vm实例或者组件实例对象。
(3)并且不要在生命周期函数中使用箭头函数,会导致this指向改变。
(4)销毁Vue实例时
1、销毁后借助Vue开发这工具看不到任何信息
2、销毁后自定义事件会失效,但原生DOM事件依然有效
3、一般不会在beforeDestroy操作数据,因为即便操作数据也不会再触发更新流程了

生命周期图示

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/lalala_dxf/article/details/124999859