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方法
--对象不能新增属性
如果本文对您有帮助,请抬抬您的小手,点下右下角的推荐, ^-^,当然如果看了这篇博客对您有帮助是我最开心的事,毕竟赠人玫瑰,手有余香, ^-^,如果这篇博客没有帮助到您,那就只能说一声抱歉啦