Vue renderTracked 生命周期钩子
实例
初始化反应组件时,使用 renderTracked
生命周期钩子创建警报。
export default {
data() {
return {
counter: 0
}
},
renderTracked(evt) {
console.log("renderTracked: ",evt);
alert("renderTracked");
}
}
定义与用法
renderTracked
当渲染函数设置为跟踪或监视响应组件时,钩子会运行。
renderTracked
钩子通常在响应组件初始化时运行,因为这是 Vue 的自动响应系统设置的时候。
响应式组件 是一种可变化的组件。
渲染函数 是 Vue 编译的一个函数,用于跟踪响应组件。当响应组件发生变化时,会触发渲染功能,并将应用程序重新渲染到屏幕上。renderTracked
钩子用于调试,仅在开发模式下可用。
关联页面
Vue 教程: Vue 生命周期钩子
Vue 教程: renderTracked 钩子
Vue 教程: renderTriggered 钩子
Vue 参考引用: Vue renderTriggered 生命周期