写一个vue的简单组件

好的，下面是一个简单的 Vue 组件示例，实现了一个计数器：

<template>
  <div>
    <button @click="increment">+</button>
    <span>{{ count }}</span>
    <button @click="decrement">-</button>
  </div>
</template>

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

在这个组件中，我们使用了 Vue 的模板语法来定义组件的结构，包括三个按钮和一个数字展示区域。同时，在 `<script>` 标签中，我们定义了组件的行为和数据，包括 `count` 计数器变量，和两个方法 `increment` 和 `decrement` 来分别实现加一和减一的功能。最后，我们导出这个组件，以便其他地方可以引用它。