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

    • 类型:(e: DebuggerEvent)=> void
    • 详细:当虚拟 DOM 重新渲染为 triggered.Similarly 为renderTracked,接收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
        }
      },
      renderTriggered({ key, target, type }) {
        console.log({ key, target, type })
      },
      methods: {
        addToCart() {
          this.cart += 1
          /* 这将导致renderTriggered调用
            {
              key: "cart",
              target: {
                cart: 1
              },
              type: "set"
            }
          */
        }
      }
    })
    
    app.mount('#app')
    

    上篇:beforeCreate