Vue生命周期钩子
Posted 安之ccy
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue生命周期钩子相关的知识,希望对你有一定的参考价值。
官网图示:
涉及到的方法的解释:
beforeCreate:实例对象被创建之前,不可获取实例里的数据和方法
created:创建实例对象,可获取实例里的数据和方法
created之后判断是否有"el"或"$mount(’’)",即要渲染的根节点,若没有,则本轮生命周期结束
如果有,再判断是否有template或者html标签,用render去渲染,如果没有,则没有要渲染的模板,本轮生命周期结束
beforeMount:挂载前,编译模板前,rander函数首次被调用
mounted:挂载后,这个过程结束后,初始数据(data中的)的dom渲染完毕,页面开始显示
beforeUpdate:数据更新后,组件更新前,得到的是更新前的数据
异步修改/更新的数据,在update过程中获取
updated:组件更新之后,此时新的页面已展示
beforeDestroy:销毁前
destroyed:销毁后
以上是关于Vue生命周期钩子的主要内容,如果未能解决你的问题,请参考以下文章