Skip to content

vue-countTo的改造版本,支持 vue 2.0、3.0 版本

License

Notifications You must be signed in to change notification settings

xiaofan9/vue-count-to

Folders and files

NameName
Last commit message
Last commit date

Latest commit

67647e8 · Dec 31, 2021

History

31 Commits
Dec 31, 2021
Jul 20, 2021
Dec 30, 2021
Sep 22, 2021
Dec 30, 2021
Apr 8, 2021
Dec 15, 2020
Dec 15, 2020
Dec 15, 2020
Jul 20, 2021
Dec 15, 2020
Jul 20, 2021
Dec 15, 2020
Sep 22, 2021
Dec 15, 2020
Dec 30, 2021
Dec 30, 2021
Dec 30, 2021

Repository files navigation

vue3-count-to

基于 vue-count-to 升级改造

预览

在线预览

目的

  • 由于原有作者好像没打算升级版本,故而自己升级维护一下。

兼容

  • v1.1.* 仅支持vue3;
  • v1.0.* 同时兼容vue2、vue3,亦能在ts下使用(可能存在ts识别不太对的问题)

版本

如果需要vue2-ts版本,请使用 vue-count-to-ts 包;

如果仅需要vue2版本,请直接使用 vue-count-to

运行环境

已经测试的运行环境,vite建议使用2.0+,webpack建议使用4.0+

vitewebpack

安装 && 引入

安装

npm install vue3-count-to --save
#
yarn add vue3-count-to --save

全局注册

import countTo from 'vue3-count-to';
import { createApp } from 'vue';

const app = createApp(...);

app.use(countTo);

局部引入

<template>
  <count-to></count-to>
</template>

<script>
import { CountTo } from 'vue3-count-to';

export default {
  components: {
    CountTo
  }
}
</script>

浏览器引用

<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/vue3-count-to"></script>

<body>
  <div id="app">
    <count-to></count-to>
  </div>
</body>

<script>
const app = window.Vue.createApp();

app.use(window.countTo).mount('#app');
</script>

文档

参看 vue-count-to 文档。