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' 更新生命周期钩子