vue2 移动端滑块 插件

### Vue2 移动端项目中的滑块插件

对于 Vue 2.x 版本的移动端开发，Vant 是一个非常受欢迎的选择。Vant 提供了一个名为 `Slider` 的组件来实现滑块功能[^1]。

#### 安装 Vant Slider 插件
为了使用 Vant 中的 Slider 组件，在项目中安装 Vant：

npm i vant

接着引入并注册该组件：

import { Slider } from 'vant';
Vue.use(Slider);

#### 使用 Slider 组件实例
下面是一个简单的例子展示如何配置和应用这个滑块组件：

<template>
  <div class="slider-demo">
    <van-slider v-model="value" />
    Current Value: {{ value }}
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: 50,
    };
  },
};
</script>

此代码片段创建了一个默认值为 50 的滑块，并显示当前选中的数值。

#### 自定义属性设置
可以调整一些参数来自定义滑块的行为，比如最小最大范围、步长等：

<van-slider v-model="value" :min="0" :max="100" :step="10"/>

这会使得滑块仅能在指定范围内按照设定好的间隔移动。