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' Lifecycle 钩子
