Vue renderTriggered 生命周期挂钩


示例

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

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

定义和用法

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

这个renderTriggeredhook 用于调试,仅在开发模式下可用。

响应式组件是一个可以改变的组件。

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


相关页面

Vue教程:Vue 生命周期挂钩

Vue教程:“渲染触发”钩子

Vue教程:“renderTracked”钩子

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