<!DOCTYPE html>
<div id="app">
<button v-on:click="addTocart">
Add to cart
</button>
<p>Cart({{ cart }})</p>
</div>
<body>
<script src="https://unpkg.com/vue@next"></script>
<script>
const app = Vue.createApp({
data() {
return {
cart: 0
}
},
renderTriggered({ key, target, type }) {
console.log({ key, target, type })
},
methods: {
addTocart() {
this.cart += 1
}
}
})
app.mount('#app')
</script>
</body>
</html>
点击按钮一下,console的内容就变一下。之前那个没变化。