简单一点利用vue里面的vant里面的组件，实现数量的加减功能，点击减号减一，点击加号加一

可以使用vant的`Stepper`组件来简单实现数量的加减功能，点击减号减一，点击加号加一。

以下是具体的实现步骤：

1. 在Vue组件中引入`Stepper`组件：

import { Stepper } from 'vant';

2. 在组件的template中添加以下代码：

<template>
  <div>
    <van-stepper v-model="quantity" />
  </div>
</template>

3. 在组件的data属性中添加`quantity`属性：

<script>
export default {
  data() {
    return {
      quantity: 1
    }
  }
}
</script>

4. 在`Stepper`组件上设置`min`、`max`、`step`属性，分别表示最小值、最大值和步长：

<van-stepper v-model="quantity" :min="1" :max="10" :step="1" />

这里，我们设置最小值为1，最大值为10，步长为1。

5. 如果需要在点击加减按钮时触发对应的方法，可以在`Stepper`组件上添加`@change`事件，例如：

<van-stepper v-model="quantity" :min="1" :max="10" :step="1" @change="handleChange" />

在`methods`中添加`handleChange`方法：

methods: {
  handleChange(val) {
    console.log(`当前数量：${val}`);
  }
}

这样，就可以简单地利用vant里面的`Stepper`组件实现数量的加减功能，点击减号减一，点击加号加一。