钩子函数用来描述Vue实例从创建到销毁的整个生命周期。
beforecreate:创建实例对象之前;
created:创建实例对象之后;
beforeMount:页面挂载成功之前
Mounted:页面挂载成功之后
beforeUpdated:组件更新之前执行
updated:更新之后执行
beforeDestroy:实例销毁之前执行
destroy:实例销毁之后执行
Vue生命周期:Vue从创建到销毁的整个过程
从vue创建到销毁的过程中会调用很多函数,这些回调函数叫做钩子函数。
beforeCreated和created:创建实例对象之前或对象创建之后执行
在这里插入图片描述
实例创建之前:数据不能使用
beforeMounted和mounted:在实例创建后,如果挂载点el存在就进行页面挂载。

在这里插入图片描述
在这里插入图片描述

挂载之前,数据无法显示,挂载之后,数据显示出来。
Vue实例挂载完成之后,当数据发生变化时,会执行beforeUpdate和updated钩子函数。

在这里插入图片描述
更新之前,isShow的值是true,更新之后isShow的值就变成了false,所以就成了undefined。
在这里插入图片描述

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐