直接上干货 以下是步骤:
1. 安装使用 npm install vue-count-to
2.在vue实例中引入组件并挂载
import countTo from 'vue-count-to'; export default { components: { countTo }, data () { return { startVal: 0, endVal: 2017 } } }
3.引入标签
<countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
4.CountTo -- API
Property | Description | type | default |
---|---|---|---|
startVal | 开始值 | Number | 0 |
endVal | 结束值 | Number | 2017 |
duration | 持续时间,以毫秒为单位 | Number | 3000 |
autoplay | 自动播放 | Boolean | true |
decimals | 要显示的小数位数 | Number | 0 |
decimal | 十进制分割 | String | . |
separator | 分隔符 | String |