vue生命周期

vue生命周期

vue生命周期分为八个阶段：

 

创建前后（组件初始化时期），

beforecreate，

vue生命周期体系开始初始化，data和dom都还未初始化，无法访问

 

created时

可以访问到data，通常做一些数据的初始化动作，因为不会引起其他阶段的钩子函数重复执行

 

 

挂载前后（组件创建时期），

 beforeMount，

dom依然不可访问，在这里一般做一些ajax请求等，然后执行render，页面开始渲染，但是date里的数据还没有解析页面上还是还是{{...}}

 

mounted

组件渲染到页面上去了，并解析了data里的数据中可以访问dom，对dom进行操作。而且mounted是先子组件mounted再父组件mounted

 

 

更新前后（生存期），

 当对data，props，computed有改变时

会触发beforeupdate和updated

 

销毁前后（销毁期）

最后一个是销毁阶段，

beforedestroy

对data的改变不会触发其他周期函数，通常做一些事件解绑，清空定时器的操作，

 

destroyed

在这里也可以进行收尾工作，触发：切换路由、手工调用destory这个方法 vm.$destory()

 

 

需注意

----初始化和创建时期（创建和挂载），页面第一次渲染的时候

 

Vue做了优化，data里的数据在模板里没引用时，数据改变时，不会进行beforeupdata，updated

 

---子组件内部自己更新的时候，父组件不更新，只有当父组件与子组件传递的数据发生改变的时候才更新

 

---beforeupdate与updated这两个周期里不能改变 data里的值会死循环

 

--数组  不要通过下标进行修改$set方法

 

--对象不能新增属性

 

 

 

 

 

 如果本文对您有帮助，请抬抬您的小手，点下右下角的推荐， ^-^，当然如果看了这篇博客对您有帮助是我最开心的事，毕竟赠人玫瑰，手有余香， ^-^，如果这篇博客没有帮助到您，那就只能说一声抱歉啦