for嵌套setTimeout的心得

export default {
    data() {
        return {
            dialogList: []
        }
    },
    created() {
        this.setList()
    },
    methods: {
        setList() {
            const data = ['大','吉','大','利','今','晚','吃','雞']
            for (let index in data) {
                let option = {}
                option.index = index
                option.text = data[index]
                setTimeout(() => {
                    // 方法1，當data的length值較大時，for循環與setTimeout不一樣步，for優先完成
                    // for裏的操做不是每秒間隔執行，雖然能console出來，但實際長度會出異常，沒法讀取渲染
                    // this.dialogList[index] = option

                    // 方法2，這一步用方法代替好了，把值push進去，解決
                    this.setOption(option)
                }, index * 1000)
            }
        },
        setOption(option) {
            this.dialogList.push(option)
        }
    }
}