008.Vue3入门,最基础的事件处理,点击按钮增加次数显示
1、代码如下:
<template> <h3>内联事件处理群</h3> <button @click="addCount">Add</button> <p>{{ count }}</p> </template> <script> export default { data() { return { count: 0 } }, methods: { addCount() { //读取到data里面的数据方案:this.count this.count++; } } } </script>
2、效果如下: