网站建设q-9,七牛视频wordpress,flash怎么制作网站,北京网站制作计划说说vue2的生命周期函数#xff1f;说说vue3的生命周期函数#xff1f;说说vue2和vue3的生命周期函数对比#xff1f; 一、说说vue2的生命周期函数1.1 vue生命周期分为四个阶段、8个钩子1.1.1 beforeCreate 和 created 初始化阶段1.1.2 beforeMount 和 mounted 挂载阶段1.1.… 说说vue2的生命周期函数说说vue3的生命周期函数说说vue2和vue3的生命周期函数对比 一、说说vue2的生命周期函数1.1 vue生命周期分为四个阶段、8个钩子1.1.1 beforeCreate 和 created 初始化阶段1.1.2 beforeMount 和 mounted 挂载阶段1.1.3 beforeUpdate 和 updated 更新阶段1.1.4 beforeDestroy 和 destroyed 销毁阶段 1.2 常用的生命周期钩子你用过哪些钩子1.3 请问vue在第一次加载的时候会执行哪些钩子1.4 父子组件生命周期钩子 二、说说vue3的生命周期函数三、说说vue2和vue3的生命周期函数对比 一、说说vue2的生命周期函数
1.1 vue生命周期分为四个阶段、8个钩子
1.1.1 beforeCreate 和 created 初始化阶段
官网图示如下 beforeCreate创建了vue实例但是还没有创建data。不常用 created创建了data但是还没有挂载点$el。最早可以操作data的钩子一般用于发送ajax请求。常用
1.1.2 beforeMount 和 mounted 挂载阶段 beforeMount创建了$ el但是还没有完成挂载。 mounted完成初始渲染。最早可以操作dom元素的钩子一般用于dom操作。比如如果我的页面有图表echarts.init( dom元素 )即一进来想要渲染dom图表最早只能在这个钩子里面做。常用
1.1.3 beforeUpdate 和 updated 更新阶段 beforeUpdate当data数据发生变化的时候执行但是数据变了还没有更新视图。因为vue更新是异步过程不常用 updated更新视图将变化后的数据重新渲染不常用 updated钩子不常用因为这是data中任意数据变化都会走如果data中有很多数据则这个钩子就会非常频繁会浪费内存我们不需要侦听data中所有数据的变化。
1.1.4 beforeDestroy 和 destroyed 销毁阶段 beforeDestroy销毁前执行还没有销毁 执行时机1组件使用v-if切换为false 2调用vm.$destroy 应用场景清除定时器setInterval
destroyedvm完成销毁解绑侦听器、子组件、methods事件
1.2 常用的生命周期钩子你用过哪些钩子 created一般用于发送ajax请求 mounted一般用于操作dom渲染echarts beforeDestroy一般用于清除定时器 1.3 请问vue在第一次加载的时候会执行哪些钩子 四个钩子beforeCreate、created、beforeMount、mounted 1.4 父子组件生命周期钩子
记住口诀父子子父 加载渲染过程图片如下 更新阶段 销毁阶段
二、说说vue3的生命周期函数 三、说说vue2和vue3的生命周期函数对比
