vue mounted 内数据结构发生变化

Question

activated:function(){
    this.getData()
},
data() {
    return {
        dataList:[]
    };
},
mounted() {
    console.log(this.dataList[0]) //undefined
},
methods: {
    getData() {
        for (var i = 1; i < 20; i++) {
            this.dataList.push(i)
        }
        console.log(this.dataList[0]) //1
    },
},

这是什么原因？

Answer 1

内部数据结构没有发生变化

你这个在mounted钩子函数里面  输出this.dataList[0] 确实是未定义的  没有赋值
你activaed 钩子函数是在 keep-alive组件激活时调用/ 通俗点讲 也就是挂载完之后激活才赋值 所以上面
执行mounted函数时未定义

或者 测试数据结构变化最简单 typeof 一下this.dataList就OK了