SOURCE

const vueApp = new Vue({
    el: '#app',
    template: `<div><button @click="start">开始</button><h3 v-for="m in msg">{{m}}</h3></div>`,
    data() {
        return {
            id: null,
            hangUpData: null,
            msg: []
        }
    },
    methods: {
        start() {
            this.belling()
            // 响铃后500毫秒进行接听
            setTimeout(this.hangUp, 500)
        },
        belling() {
            this.msg.push('开始振铃')
            // 保存响铃数据需要2000毫秒，尝试修改数值改变响铃和接听数据返回先后顺序，查看最终更新打印结果。
            setTimeout(() => {
                this.id = '1'
                this.msg.push('得到振铃数据id=1')
                this.update()
            }, 1000)
        },
        hangUp() {
            this.msg.push('开始接听')
            // 保存接听数据需要300毫秒，尝试修改数值改变响铃和接听数据返回先后顺序，查看最终更新打印结果。
            setTimeout(() => {
                this.msg.push('得到接听电话数据=2')
                this.hangUpData = '2'
                this.update()
            }, 200)
        },
        update() {
            if (this.id && this.hangUpData) {
                this.msg.push(`最后更新电话数据：${this.id} +  ${this.hangUpData}`)
            }
        }
    }
})

<h1>点击右侧编辑源码进行调试</h1>
<div id="app"></div>