关于Vue生命周期钩子,你学会了吗

52 阅读1分钟

什么是Vue生命周期钩子

vue生命周期钩子:vue从初始化到销毁的过程中会执行的函数

Vue的生命周期钩子有哪些分别有什么作用

1.beforeCreate : 创建了vue的实例,但是还没有创建data

2.created ,创建了data但是还没有挂载,可以在里面获取axios

3.beforeMount ,创建挂载点,但是还没有吧data挂载到页面

4.mounted : 完成页面初始渲染,把data挂载到el

5.beforeUpdate : 检测到data变化的数据,但是页面还没有重新渲染

6.updated : 更新data变化的数据,重新渲染到页面

7.beforeDestroy :正在销毁(解除data与el的绑定,移除事件监听,移除侦听器)

8.destroyed : 完成销毁

vue初始渲染会执行哪些钩子

created( ) 般用于发送aja议(页面一加载需要发送ajax在这个勾子)

mounted( ) 一般用于操作DOM(页面一加载需要操作DoM在这个勾子)

Vue中有哪些钩子会执行多次

beforeUpdate , updated 当data里面的数据一发生改变就会执行这2个钩子