vue的生命周期函数

vue的生命周期函数就是一个页面从创建到销毁的一个过程，举个例子就像人出生到死亡的一个过程..

创建-挂载-更新-销毁

钩子函数：也是回调函数

---

生命周期让我们在控制整个vue时更容易形成更好的逻辑，可以分为三个阶段，挂载阶段，更新阶段，销毁阶段

vue2的生命周期函数一共有11个 常有的有8个

• beforecreate()  组件实例创建前  (这个时候还不能获取到data数据)

• created()  组件实例创建后 (能够获取到data数据)
• beforemount()  组件挂载前 
• mounted()  组件挂载后  (dom元素挂载后才可以获取到)
• beforeupdate()  数据改变 视图更新前 （注意：只有视图更新才会触发钩子函数，数据改变不一定更新，视图改变一定会更新）
• updated()  视图更新后
• beforedestroy()  实例销毁前 
• destroyed()  实例销毁后 (销毁前和销毁后主要用于定时器或者全局监听在这里销毁)

另外三个分别是:

• activated()  被keep-alive缓存的组件激活时调用
• deactivated()  被keep-alive缓存的组件停用时调用
• errorcaptured()  2.5.0+新增的捕获来自一个子孙组件错误时调用

vue3.0做了一些改动 

• beforeCreate -->   setup() 开始创建组件之前，创建的是data和method
• created-->   setup()
• beforeMount-->   onBeforeMount 组件挂载到节点上之前执行的函数
• mounted-->  onMounted 组件挂载完成后执行的函数
• beforeUpdate-->   onBeforeUpdate组件更新之前执行的函数
• updated-->  onUpdated 组件更新完成之后执行的函数
• beforeDestroy-->   onBeforeUnmount 组价卸载之前执行的函数
• destroyed-->  onUnmounted组件卸载完成后执行的函数