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生命周期钩子的主要内容,如果未能解决你的问题,请参考以下文章

Vue笔记(Vue生命周期 11个钩子)

vue 生命周期钩子用法以及执行顺序

vue3生命周期及生命周期函数(钩子函数)详解通俗易懂

Vue——生命周期和钩子函数的一些理解

了解 Vue 生命周期钩子

vue父组件与子组件生命周期钩子顺序是啥?