<div id="app">
count: {{ count }}
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const app = Vue.createApp({
data() {
return { count: 1 }
},
created() {
console.log('count is: ' + this.count)
}
})
app.mount('#app')
</script>
这个也不知道在哪儿可以看到
<div id="app">
<button v-on:click="addToCart">Add to cart</button>
<p>Cart({{ cart }})</p>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const app = Vue.createApp({
data() {
return {
cart: 0
}
},
renderTracked({ key, target, type }) {
console.log ({ key, target, type})
},
methods: {
addToCart() {
this.cart += 1
}
}
})
app.mount('#app')
</script>