# vue-slider-component

**Repository Path**: arnozeng/vue-slider-component

## Basic Information

- **Project Name**: vue-slider-component
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-09
- **Last Updated**: 2021-06-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-slider-component

[![downloads](https://img.shields.io/npm/dm/vue-slider-component.svg)](https://www.npmjs.com/package/vue-slider-component)
[![npm-version](https://img.shields.io/npm/v/vue-slider-component.svg)](https://www.npmjs.com/package/vue-slider-component)
[![license](https://img.shields.io/npm/l/express.svg)]()

> 🎚 一个高度定制化的滑块组件

[English](https://github.com/NightCatSama/vue-slider-component/blob/master/README.md) | 简体中文

## 🍉 Vue3.x

目前仍然是测试版本，可能存在意想不到的 bug，请谨慎使用。

#### 安装

```bash
$ yarn add vue-slider-component@next
# npm install vue-slider-component@next --save
```

#### 注意事项
- 由于类型冲突，参数 `data` 更改为 `v-data`（可能是临时更改）

## ✨ 新特性
- 🍖 更加可定制化
- 👗 多种样式主题
- 🐳 支持更多的滑块
- 📌 增加标志设置
- 🎉 支持 SSR
- 🍒 支持 Typescript

## 📚 文档

在线文档：<https://nightcatsama.github.io/vue-slider-component/#/zh-CN/>

在线例子：<https://jsfiddle.net/NightCatSama/2xy72dod/10547/>


## 🎯 安装
```bash
$ yarn add vue-slider-component
# npm install vue-slider-component --save
```


## 🚀 使用
```vue
<template>
  <vue-slider v-model="value" />
</template>

<script>
import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/antd.css'

export default {
  components: {
    VueSlider
  },
  data () {
    return {
      value: 0
    }
  }
}
</script>
```

## 更新日志

每个版本的[更新日志](https://github.com/NightCatSama/vue-slider-component/blob/master/CHANGELOG.md)。

## 支持

如果你喜欢这个组件，你也可以请我喝[咖啡](https://imgchr.com/i/ErWs1J) ☕️ 。

## License

[MIT](https://github.com/NightCatSama/vue-slider-component/blob/master/LICENSE)