休闲旅游网站建设,郑东新区网站建设,网站备案多少岁可以做,动漫设计本科1、vue声明周期及生命周期函数
vue声明周期
每一个vue实例从创建到销毁的过程#xff0c;就是这个vue实例的生命周期。在这个过程中#xff0c;他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程#xff1b;
生命周期#xff1a;…1、vue声明周期及生命周期函数
vue声明周期
每一个vue实例从创建到销毁的过程就是这个vue实例的生命周期。在这个过程中他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程
生命周期是指从创建、运行、销毁整个阶段强调一个时间段 生命周期函数是vue框架提供的内置函数伴随组件的生命周期自动按次序执行。强调的为时间点
vue生命周期函数
beforeCreatedata、methods均取不到实例初始化之后数据观测和事件配置前被调用created最早可以获取到data和methods方法的生命周期但挂载还未开始可获取原本HTML上的直接加载出来的DOM但是无法获取到通过挂载模板生成的DOM例如v-for循环遍历Vue.list生成li调用数据、方法、异步函数均可在此完成beforeMount挂载前被调用data、methods均可获取v-for遍历渲染的dom无法获取Mounted挂载完成beforeUpdate虚拟DOM重新渲染和打补丁之前updated虚拟dom渲染完成beforeDestroy实例销毁之前调用destroyed实例销毁之后调用时间、监听均被移除子实例销毁。
问答一created和mounted的区别
created一般是在html渲染前的操作此时el还是undefineddata已经存在。这里不能对DOM进行操作mounted一般是在HTML渲染完成后的操作此时eldata都已经加载完成一般对DOM的操作都写在mounted中例如获取innerHTML初始化echarts的时候。
问答二第一次页面加载会触发的钩子
beforeCreate、created、beforeMount、Mounted
问答三vue获取数据在那个生命周期函数中获取
vue获取数据时created、beforeMount、Mounted三个生命周期函数均可如果要操作DOM要在mounted声明周期函数中。
2、父子组件的生命周期执行顺序
加载过程执行顺序
父beforeCreate 》 父created 》 父beforeMount 》 子bereforeCreate 》 子created 》 子beforeMound 》 子mounted 》 父mounted
父子组件更新执行顺序
父beforeUpdate 》 子beforeUpdate 》 子updated 》 父updated
父子组件销毁执行顺序
父beforeDestroy》 子beforeDestroy》 子destroyed》 父destroyed