小程序组件转换vue组件_Vue组件，可实现更好的数字转换动画

小程序组件转换vue组件

Vue数字转换 (vue-digital-transform)

A vue component for better digital transform animation.

Vue组件，用于更好的数字转换动画。

View Demo 查看演示 View Github 查看Github

安装 (Install)

npm install vue-digital-transform

例 (Example)

<template>
  <DigitalTransform :value="num" dislocation :interval="200"></DigitalTransform>
</template>

import DigitalTransform from "vue-digital-transform";

export default {
  components: {
    DigitalTransform
  },
  data() {
    return {
      num: 0
    };
  }
};

设定档 (Config)

prop	type	description	default
value	number,string	需要切换的数字，只能由 0-9 和.组成	undefined
dislocation	boolean	单个数字是否过渡时间是否不一致	false
interval	number	单个数字过渡时间(ms)	500

Struts	类型	描述	默认
值	数字，字符串	需要切换的数字，只能由0-9和。组成	未定义
错位	布尔值	单个数字是否过渡时间是否任意	假
间隔	数	单个数字过渡时间(ms)	500

翻译自: https://vuejsexamples.com/a-vue-component-for-better-digital-transform-animation/

小程序组件转换vue组件