Vue 'beforeUpdate' 生命周期钩子
示例
使用 beforeUpdate 生命周期钩子来计算触发更新的次数。
export default {
data() {
return {
sliderVal: 50,
renderCount: 0
}
},
beforeUpdate() {
this.renderCount++;
}
}
定义和用法
当 Vue 的响应式系统检测到需要重新渲染的更改时，beforeUpdate 生命周期钩子会在重新渲染之前发生。
为了避免无限循环，我们应该始终考虑使用 beforeUpdate 生命周期钩子而不是 updated 生命周期钩子。
相关页面
Vue 教程: Vue 生命周期钩子
Vue 教程: 'beforeUpdate' 钩子
Vue 教程: 'updated' 钩子
Vue 参考: Vue 'updated' 生命周期钩子
