Vue生命周期函数详解
1、什么是 vue 生命周期
vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不
同阶段调用对应的钩子函数实现组件的数据管理和DOM渲染两大重要功能。
2、生命周期过程图
3、一共分8个阶段
1、beforeCreate(创建前)
2、created(创建后)
3、beforeMount(载入前)
4、mounted(载入后)
5、beforeUpdate(更新前)
6、updated(更新后)
7、beforeDestroy(销毁前)
8、destroyed(销毁后)
4、另外3种周期函数
另外在组件之间切换的时候都会重复请求数据,导致重复渲染影响性能。
此时这些数据可以存到缓存中,使用keep-alive将组建包裹起来。
这样的话以上8个种生命周期函数将失效,
这时候会用到 activate 和 deactivated
还有一个生命周期函数errorCaptured
5、created和mounted的区别
6、Vue第一次页面加载会触发哪几个钩子函数?
beforeCreate、created、beforeMount、mounted
7、DOM 渲染在哪个周期中就已经完成?
mounted