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

要用vant里面的组件实现数量的加减功能，可以使用vant的`Stepper`组件，并按照以下步骤进行操作：

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

import { Stepper } from 'vant';

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

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

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

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

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

4. 在组件中添加`Stepper`组件的样式，使其居中显示：

<style>
.van-stepper {
  margin: 0 auto;
}
</style>

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`组件实现数量的加减功能，点击减号减一，点击加号加一。