vue3-number-roll-plus/README.md

vue数字滚动组件

vue2版本请移步  **[vue-number-roll-plus](https://www.npmjs.com/package/vue-number-roll-plus)**


### 安装

```js
npm install vue3-number-roll-plus --save

```

### 使用

#### 基本使用

```js
<template>
   <vue-number-roll-plus
      :number="9999"
      background="transparent"
    >
  </vue-number-roll-plus>
</template>

<script>
import VueNumberRollPlus from "vue3-number-roll-plus"
import "vue3-number-roll-plus/main.css"
export default {
  components: {
    VueNumberRollPlus
  }
}
</script>
```

#### 属性

|    属性     |   属性含义   |     类型      | 默认值  |
| :---------: | :----------: | :-----------: | :-----: |
|   number    |  传入的数字  | Number/String |    0    |
| isSemicolon | 是否三位分隔 |    Boolean    |  false   |
|    speed    | 滚动速度(s)  |    Number     |    1    |
| background  |    背景色    |    String     | #0e68cc |

#### 事件

|    事件名    |      事件      |  参数  |
| :----------: | :------------: | :----: |
| numberChange | 数字变化后触发 | number |
| done | 数字滚动结束之后触发 | number |