vue⽣命周期是什么，有什么作⽤
我们知道 vue 是通过构建数据驱动的web界⾯的渐进式框架
所谓周期就是指从⼀个起点到⼀个终点的过程，那么⽣命周期就是指从⽣命开始到⽣命结束的过程
从⽽可以理解vue⽣命周期就是指vue实例从创建到销毁的过程
使⽤vue时， ⽤到所有功能都是围绕vue⽣命周期实现的，在⽣命周期的不同阶段调⽤对应的钩⼦函数来实现组件数据管理和DOM渲染两⼤重要功能
那么vue ⽣命周期有哪些阶段呢
⼀、创建
1、beforeCreate：这个阶段实例已经初始化，只是数据观察与事件机制尚未形成，不能获取DOM节点（没有data，没有el）
使⽤场景：因为此时data和methods都拿不到，所以通常在实例以外使⽤
2、created：实例已经创建，仍然不能获取DOM节点（有data，没有el）
使⽤场景：模板渲染成html前调⽤，此时可以获取data和methods，so 可以初始化某些属性值，然后再渲染成视图，异步操作可以放在这⾥
⼆、载⼊
1、beforeMount：是个过渡阶段，此时依然获取不到具体的DOM节点，但是vue挂载的根节点已经创建（有data，有el）
2、mounted：数据和DOM都已经被渲染出来了
使⽤场景：模板渲染成html后调⽤，通常是初始化页⾯完成后再对数据和DOM做⼀些操作，需要操作DOM的⽅法可以放在这⾥
三、更新
1、beforeUpdate：检测到数据更新时，但在DOM更新前执⾏
2、updated：更新结束后执⾏
使⽤场景：需要对数据更新做统⼀处理的；如果需要区分不同的数据更新操作可以使⽤$nextTick
四、销毁
1、beforeDestroy：当要销毁vue实例时，在销毁前执⾏
2、destroyed：销毁vue实例时执⾏update是什么
第⼀次页⾯加载会触发哪些钩⼦
beforeCreate、created、beforeMount、mounted

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。