编写一个vue组件，实现累加功能:组件包含有一个按钮，次数初始值为0，每点击一次，按钮点击次数累加1。

在Vue.js中，你可以创建一个简单的组件来实现这个累加功能。下面是一个基础的模板：

<template>
  <div>
    <button @click="incrementCount">点击计数</button>
    <p>当前点击次数: {{ count }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 0,
    };
  },
  methods: {
    incrementCount() {
      this.count++;
    }
  }
};
</script>

在这个组件中：
- `template` 部分负责显示界面，包括一个按钮和一个用于显示点击次数的文字元素。
- `data` 函数返回组件初始化的数据，这里设置 `count` 为0。
- `methods` 对象定义了组件的行为，其中 `incrementCount` 方法会在每次按钮被点击时被调用，将 `count` 的值加1。

为了在实际应用中使用这个组件，你需要将其导入到其他需要的地方，并作为子组件实例化。例如，在App.vue或其他父组件中：

<template>
  <div id="app">
    <my-counter></my-counter>
  </div>
</template>

<script>
import MyCounter from './MyCounter.vue';

export default {
  components: {
    MyCounter,
  },
};
</script>

现在，每当用户点击 "点击计数" 按钮，组件的点击次数就会递增。