Vue 'renderTriggered' 生命周期钩子


示例

使用 renderTriggered 生命周期钩子在每次触发渲染时显示警报。

export default {
  data() {
    return {
      counter: 0
    }
  },
  renderTriggered(evt) {
    console.log("renderTriggered: ",evt)
    alert("renderTriggered");
  }
}
运行示例 »

定义和用法

renderTriggered 生命周期钩子在跟踪的反应式组件发生更改时运行,从而触发新的渲染,以便屏幕更新为最新的更改。

renderTriggered 钩子旨在用于调试,并且仅在开发模式下可用。

响应式组件是可以更改的组件。

渲染函数是由 Vue 编译的函数,用于跟踪反应性组件。 当反应性组件发生变化时,渲染函数被触发并将应用程序重新渲染到屏幕上。


相关页面

Vue 教程: Vue 生命周期钩子

Vue 教程:'renderTriggered' 钩子

Vue 教程: 'renderTracked' 钩子

Vue 参考:Vue 'renderTracked' 生命周期钩子