以下代码中,单击“-”按钮会执行数字减1的操作,将代码补充完整 1. <div id="app"> 2. <button (____) ="count--">-</button>{{count}} 3.</div> 4. <script type="text/javascript"> 5. var vm=new Vue({ 6. el :'#app', 7. data :{ 8. count :10 9.}10. }); 11. </script>
时间: 2024-02-25 15:52:14 浏览: 71
vue数据操作之点击事件实现num加减功能示例
以下是补充完整的代码:
```
<div id="app">
<button v-on:click="count--">-</button>{{ count }}
</div>
<script type="text/javascript">
var vm = new Vue({
el: '#app',
data: {
count: 10
}
});
</script>
```
解释:在 Vue 中,我们可以使用指令 `v-on` 或 `@` 来绑定事件。在这里,我们使用 `v-on:click` 来绑定按钮的单击事件,当按钮被单击时,执行 `count--` 的操作,即将 `count` 的值减1。最终的输出结果为按钮和 `count` 的值,如下所示:
```
- 10
```
点击按钮后,输出结果为:
```
- 9
```
其中,`v-on:click` 还可以简写为 `@click`。
阅读全文