美文网首页
vue-countTo的使用

vue-countTo的使用

作者: 生于乱世 | 来源:发表于2021-08-12 16:32 被阅读0次

1.安装依赖:

npm install vue-count-to -D

2.示例:

http://panjiachen.github.io/countTo/demo/

<template>
  <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
</template>

<script>
  import countTo from 'vue-count-to';
  export default {
    components: { countTo },
    data () {
      return {
        startVal: 0,
        endVal: 2020
      }
    }
  }
</script>

转自:https://www.jianshu.com/p/1d53ea7d4ee0

相关文章

  • vue-countTo的使用

    1.安装依赖: npm install vue-count-to -D 2.示例: http://panjiach...

  • 实现数字动态变化

    参考vue组件[https://github.com/PanJiaChen/vue-countTo]

  • 手把手教你封装一个vue component

    项目地址:vue-countTo配套完整后台demo地址:vue-element-admin系类文章一:手摸手,带...

  • iconfont的使用(下载使用)

    1、下载文件 2、在生命周期中引入项目 beforeCreate () { var domModule = ...

  • Gson的使用--使用注解

    Gson为了简化序列化和反序列化的过程,提供了很多注解,这些注解大致分为三类,我们一一的介绍一下。 自定义字段的名...

  • 记录使用iframe的使用

    默认记录一下----可以说 这是我第一次使用iframe 之前都没有使用过; 使用方式: 自己开发就用了这几个属...

  • with的使用

    下面例子可以具体说明with如何工作: 运行代码,输出如下

  • this的使用

    什么是this? this是一个关键字,这个关键字总是返回一个对象;简单说,就是返回属性或方法“当前”所在的对象。...

  • this的使用

    JS中this调用有几种情况 一:纯粹的函数调用 这是函数的最通常用法,属于全局性调用,因此this就代表全局对象...

  • ==的使用

    积累日常遇到的编码规范,良好的编码习惯,持续更新。。。 日常使用==用于判断的时候,习惯性将比较值写前面,变量写后...

网友评论

      本文标题:vue-countTo的使用

      本文链接:https://www.haomeiwen.com/subject/bavlbltx.html