脚本宝典收集整理的这篇文章主要介绍了Vue 生命周期,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
回流/重排:页面布局流发生改变就叫做回流,例如:width、height、border、top等
重绘:重绘元素自身的样式发生改变但是不会影响布局流,例如:color、background、box-shadow等
beforeCreate
beforeMount
beforeUpdate
beforeDestroy
created 请求接口 this.$nextTick(() => { DOM操作 })
mounted 请求接口、DOM操作 echarts、swiper等等
updated 模型数据变化进一步重置图表,例如聊天窗口到底部、echarts等
destroyed 清除非vue资源,写定时器切换组件了要记得清除。
created模型初始化了,但是虚拟DOM没有
mounted当前组件已经挂在到页面,子组件不好说可以通过this.$nextTick来确保
this.$nextTick(() => {})
- vue中用来确保DOM渲染完毕之后的一个API - 避免出现无法获取DOM
- 案例: 对话框dialog 显示扫码登录、操作子组件场景等等
- 作用:缓存组件 避免组件切换的时候创建销毁频繁触发created、destroyed钩子函数
:max="6" - 作用:仅缓存6个组件的数据 - 策略:LRU 最近最少使用就 放第7个就把最近最少使用的搞走
include
- 字符串或正则表达式。只有名称匹配的组件会被缓存。
exclude
- 字符串或正则表达式。任何名称匹配的组件都不会被缓存。
max
- 数字。最多可以缓存多少组件实例。
- 回答:使用缓存生命周期 actived deactived
以上是脚本宝典为你收集整理的Vue 生命周期全部内容,希望文章能够帮你解决Vue 生命周期所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。