上代碼：

<template>
    <span :class="commonClass" :style="commonStyle">
        <span :class="selfClass" :style="selfStyle" :id="countId">{{ initCount }}</span>
    </span>
</template>

<script>
import CountUp from 'countup'
export default {
    data () {
        return {
            count: {},
            countId: 'count' + parseInt(Math.random() * 1000000)
        }
    },
    props: {
        // 公用的class
        commonClass: {
            type: String,
            default: ''
        },
        // 公用的style
        commonStyle: {
            type: Object,
            default: () => {
                return {
                    fontSize: '30px',
                    color: '#dc9387'
                }
            }
        },
        // 私有的class
        selfClass: {
            type: String,
            default: ''
        },
        // 私有的style
        selfStyle: {
            type: Object
        },
        // 初始的默認(rèn)值
        initCount: {
            type: Number,
            default: 0
        },
        // 舊值
        oldValue: {
            type: Number,
            default: 0
        },
        // 新值
        newValue: {
            type: Number,
            default: 0
        },
        // 保留小數(shù)位數(shù)
        decimals: {
            type: Number,
            default: 0
        },
        // 完整動(dòng)畫過渡的時(shí)間，單位秒
        duration: {
            type: Number,
            default: 2
        },
        // 是否線性過渡變化，false為是
        useEasing: {
            type: Boolean,
            default: false
        },
        // 是否每三位數(shù)字用符號(hào)標(biāo)識(shí)
        useGrouping: {
            type: Boolean,
            default: true
        },
        // 標(biāo)識(shí)的符號(hào)
        separator: {
            type: String,
            default: ','
        },
        // 小數(shù)的符號(hào)
        decimal: {
            type: String,
            default: ','
        },
        // 前置展示的文字
        prefix: {
            type: String,
            default: ''
        },
        // 后置展示的文字
        suffix: {
            type: String,
            default: ''
        },
        // 延遲開始過渡動(dòng)畫時(shí)間，單位毫秒
        delay: {
            type: Number,
            default: 0
        }
    },
    methods: {
    },
    mounted () {
        this.$nextTick(() => {
            setTimeout(() => {
                this.count = new CountUp(this.countId, this.oldValue, this.newValue, this.decimals, this.duration, {
                    useEasing: this.useEasing,
                    useGrouping: this.useGrouping,
                    separator: this.separator,
                    decimal: this.decimal,
                    prefix: this.prefix,
                    suffix: this.suffix
                });
                if (!this.count.error) {
                    this.count.start();
                } else {
                ??console.error(this.count.error);
                }
            }, this.delay)
        })
    },
    watch: {
        'newValue' (val) {
            this.count.update(val)
        }
    }
}
</script>

打開頁面數(shù)據(jù)展示倒是沒什么問題，但是一直報(bào)錯(cuò)Error in callback for watcher "newValue": "TypeError: this.count.update is not a function"
這是為什么？
另：現(xiàn)在要做的效果是一個(gè)接口返回所有數(shù)據(jù)復(fù)用幾次這個(gè)組件，然后有各自的延遲，但是我這么寫實(shí)際測(cè)了下只有第一次是有延遲的，等到第二次調(diào)接口返回?cái)?shù)據(jù)，所有歌計(jì)數(shù)都同時(shí)開始改變了，這該怎么寫？