vue怎么让一个列表中的数据添加一个少一个

要让一个列表中的数据添加一个或少一个，需要修改该列表的数据源。以 Vue.js 为例，可以通过以下步骤实现：

1. 在 Vue 实例的 data 中定义一个数组，作为列表的数据源。

2. 在模板中使用 v-for 指令渲染列表，将每个元素绑定到数组中的一个对象。

3. 在模板中使用 v-on 指令绑定事件，当用户点击添加或删除按钮时触发对应的方法。

4. 在方法中修改数组，添加或删除一个元素。

以下是一个示例代码：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in list" :key="index">{{ item }}</li>
    </ul>
    <button @click="addItem">添加</button>
    <button @click="removeItem">删除</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: ['item1', 'item2', 'item3']
    }
  },
  methods: {
    addItem() {
      this.list.push('new item')
    },
    removeItem() {
      this.list.pop()
    }
  }
}
</script>

在上面的示例中，点击添加按钮会在列表末尾添加一个新元素，点击删除按钮会删除列表末尾的一个元素。