vue3计数器的实现

Vue3计数器的实现可以通过以下步骤来完成：
1. 在Vue组件中定义一个data属性，用于存储计数器的值。
2. 在模板中使用插值表达式将计数器的值显示出来。
3. 定义两个方法：一个用于增加计数器的值，另一个用于减少计数器的值。在方法中更新data属性的值即可。
4. 在模板中绑定按钮的点击事件，使其调用对应的方法。

以下是一个简单的Vue3计数器实现示例：

<template>
  <div>
    <p>当前计数值为: {{ count }}</p>
    <button @click="increment">增加</button>
    <button @click="decrement">减少</button>
  </div>
</template>

<script>
  import { reactive } from 'vue';

  export default {
    setup() {
      const state = reactive({
        count: 0
      });

      const increment = () => {
        state.count++;
      };

      const decrement = () => {
        state.count--;
      };

      return {
        count: state.count,
        increment,
        decrement
      };
    }
  };
</script>