https://github.com/xiaofan9/vue-count-to
vue-countTo的改造版本，支持 vue 2.0、3.0 版本
https://github.com/xiaofan9/vue-count-to
component vue vue-component vue-count vue-count-to vue3-count-to
Last synced: about 2 months ago
JSON representation
vue-countTo的改造版本，支持 vue 2.0、3.0 版本
- Host: GitHub
- URL: https://github.com/xiaofan9/vue-count-to
- Owner: xiaofan9
- License: mit
- Created: 2020-12-14T10:11:41.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-12-31T03:01:02.000Z (almost 4 years ago)
- Last Synced: 2024-12-17T18:24:45.075Z (12 months ago)
- Topics: component, vue, vue-component, vue-count, vue-count-to, vue3-count-to
- Language: JavaScript
- Homepage:
- Size: 2.54 MB
- Stars: 69
- Watchers: 2
- Forks: 11
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue3-count-to
> 基于 vue-count-to 升级改造
## 预览
[在线预览](https://codepen.io/xiaofan9/pen/QWGGdKJ)
## 目的
- 由于原有作者好像没打算升级版本，故而自己升级维护一下。
## 兼容
- v1.1.* 仅支持vue3；
- v1.0.* 同时兼容vue2、vue3，亦能在ts下使用（可能存在ts识别不太对的问题）
## 版本
如果需要vue2-ts版本，请使用 [vue-count-to-ts](https://npmjs.org/package/vue-count-to-ts) 包；
如果仅需要vue2版本，请直接使用 [vue-count-to](https://npmjs.org/package/vue-count-to) 包
## 运行环境
> 已经测试的运行环境，vite建议使用2.0+，webpack建议使用4.0+
[vite](https://vitejs.dev/)、[webpack](https://webpack.docschina.org/)
## 安装 && 引入
> 安装
``` bash
npm install vue3-count-to --save
# 或
yarn add vue3-count-to --save
```
> 全局注册
```javascript
import countTo from 'vue3-count-to';
```
```javascript
import { createApp } from 'vue';
const app = createApp(...);
app.use(countTo);
```
> 局部引入
```javascript
import { CountTo } from 'vue3-count-to';
export default {
components: {
CountTo
}
}
```
> 浏览器引用
```html
const app = window.Vue.createApp();
app.use(window.countTo).mount('#app');
```
## 文档
参看 [vue-count-to](https://github.com/PanJiaChen/vue-countTo) 文档。