vue实现点击投票按钮投票数加一

要实现点击投票按钮后投票数加一的功能，您可以使用 Vue 的事件绑定和数据绑定来完成。下面是一个简单的示例代码：

<template>
  <div>
    <h2>投票页面</h2>
    <p>当前投票数：{{ voteCount }}</p>
    <button @click="vote">投票</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      voteCount: 0
    };
  },
  methods: {
    vote() {
      this.voteCount++; // 每次点击投票按钮，投票数加一
    }
  }
};
</script>

<style scoped>
h2 {
  text-align: center;
}
p {
  text-align: center;
  margin-top: 20px;
}
button {
  margin-top: 10px;
}
</style>

在上面的代码中，我们定义了一个 `voteCount` 变量来保存投票数，并初始化为 0。在 `vote` 方法中，每次点击投票按钮时，我们通过 `this.voteCount++` 将投票数加一。然后，在模板中使用 `{{ voteCount }}` 来显示当前的投票数。

当用户点击投票按钮时，会触发 `@click` 事件绑定，调用 `vote` 方法来实现投票数加一的功能。

您可以根据自己的需求进行修改和扩展，比如添加登录验证、限制用户多次投票等。希望对您有帮助！