Vue beforeUpdate 生命周期挂钩


示例

使用beforeUpdate生命周期钩子用于计算触发更新的次数。

export default {
  data() {
    return {
      sliderVal: 50,
      renderCount: 0
    }
  },
  beforeUpdate() {
    this.renderCount++;
  }
}
运行示例 »

定义和用法

这个beforeUpdate生命周期钩子发生在 Vue 的反应式系统检测到需要新渲染的更改之后、渲染发生之前。

为了避免无限循环,我们应该始终考虑使用beforeUpdate生命周期钩子而不是updated生命周期挂钩。


相关页面

Vue教程:Vue 生命周期挂钩

Vue教程:'beforeUpdate' 钩子

Vue教程:“更新”的钩子

Vue参考:Vue“更新”生命周期挂钩