v-on
绑定事件监听器,click、dblclick、keyup、mousemove等
<div class="hello">
<p v-if='show'>这是一段文本</p>
<button v-on:click='handleClose'>点击隐藏</button>
</div>
<template>
<div class="hello">
<span>{{ cartItemCount }}</span>
<button v-on:click='addToCart'>点击添加</button>
</div>
</template>
<script>
export default {
name: 'HelloWorld',
data () {
return {
product: {
id: 100
},
cart: []
}
},
methods: {
addToCart: function () {
this.cart.push(this.product.id)
}
},
computed: {
cartItemCount: function () {
return this.cart.length || '个'
}
}
}
</script>
初始页面:
点1次:
后边的“个为啥丢了”