Vue renderTracked 生命周期挂钩


示例

使用renderTracked生命周期钩子用于在反应式组件初始化时创建警报。

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

定义和用法

这个renderTracked当渲染函数设置为跟踪或监视反应式组件时,挂钩就会运行。

这个renderTrackedhook 通常在响应式组件初始化时运行,因为此时 Vue 的自动响应式系统已建立。

响应式组件是一个会变化的组件。

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

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


相关页面

Vue教程:Vue 生命周期挂钩

Vue教程:“renderTracked”钩子

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

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