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