Vue renderTriggered 生命周期钩子

实例

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

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

定义与用法

renderTriggered 当被跟踪的响应组件发生更改时,生命周期钩子会运行,从而触发新的渲染,从而使用最新的更改更新屏幕。

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

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

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

关联页面

Vue 教程: Vue 生命周期钩子

Vue 教程: renderTriggered 钩子

Vue 教程: renderTracked 钩子

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

分类导航