• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • vue手册
  • php手册
  • MySQL手册
  • apache手册
  • redis手册
  • renderTracked

    • 类型:(e: DebuggerEvent)=> void
    • 详细:跟踪虚拟 DOM 重新渲染时调用。钩子接收debugger event作为参数。此事件告诉你哪个操作跟踪了组件以及该操作的目标对象和键。
    //HTML
    <div id="app">
    	<button v-on:click="addToCart">Add to cart</button>
    	<p>Cart({{ cart }})</p>
    </div>
    
    //JS
    const app = Vue.createApp({
      data() {
        return {
          cart: 0
        }
      },
      renderTracked({ key, target, type }) {
        console.log({ key, target, type })
        /* 当组件第一次渲染时,这将被记录下来:
        {
          key: "cart",
          target: {
            cart: 0
          },
          type: "get"
        }
        */
      },
      methods: {
        addToCart() {
          this.cart += 1
        }
      }
    })
    
    app.mount('#app')
    

    上篇:beforeCreate

    下篇:renderTriggered