参考目录中模板用vue实现一个计数器(尝试使用Vue中的v-on , data ,method属性)
时间: 2023-05-11 20:03:32 浏览: 197
可以的,以下是实现计数器的代码:
HTML:
```
<div id="app">
<h1>{{ count }}</h1>
<button v-on:click="increment">+1</button>
</div>
```
JavaScript:
```
new Vue({
el: '#app',
data: {
count: 0
},
methods: {
increment: function () {
this.count++;
}
}
})
```
这个代码使用了Vue的v-on指令来监听按钮的点击事件,使用了data属性来存储计数器的值,使用了method属性来定义increment方法来增加计数器的值。
阅读全文