Vue renderTracked 生命周期钩子

实例

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

  1. export default {
  2. data() {
  3. return {
  4. counter: 0
  5. }
  6. },
  7. renderTracked(evt) {
  8. console.log("renderTracked: ",evt);
  9. alert("renderTracked");
  10. }
  11. }

定义与用法

renderTracked 当渲染函数设置为跟踪或监视响应组件时,钩子会运行。

renderTracked 钩子通常在响应组件初始化时运行,因为这是 Vue 的自动响应系统设置的时候。

响应式组件 是一种可变化的组件。

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

renderTracked 钩子用于调试,仅在开发模式下可用。


关联页面

Vue 教程: Vue 生命周期钩子

Vue 教程: renderTracked 钩子

Vue 教程: renderTriggered 钩子

Vue 参考引用: Vue renderTriggered 生命周期

分类导航