如何在不刷新的情况下用vue.js添加投票？

<template>
  <div>
    <h2>投票</h2>
    <ul>
      <li v-for="option in options" :key="option.id">
        {{ option.text }}
        <button @click="vote(option.id)">投票</button>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { id: 1, text: '选项1', votes: 0 },
        { id: 2, text: '选项2', votes: 0 },
        { id: 3, text: '选项3', votes: 0 }
      ]
    };
  },
  methods: {
    vote(optionId) {
      // 更新选项的投票结果
      const option = this.options.find(option => option.id === optionId);
      option.votes++;

      // 发送异步请求保存投票结果到后端数据库
      // ...

      // 可以根据需要更新其他相关的UI或数据
    }
  }
};
</script>