mounted后，能取到data下的数组的数据，无法取到length？

Question

data () {
    return{
        list:[]
    }
},

methods: {
    getData() {
        this.$http.jsonp(url).then((data) => {
            data.list.map(item => this.list.push(item)
            console.log(this.list.length) // 10
        })
    }
},

created() {
    this.getData()
},

mounted() {
    console.log(this.list.length) // 0
}

怎么会这样？在mounted中打印this.list有数据

very much Thanks in advance~~~

Answer 1

你ajax方法什么时候调用的？

Answer 2

谢邀~

很明显在你mounted (或log) 的时候, list就是为空的.
log出的为这个对象的指针.//我是这么理解的.
当你后期构造这个list对象的时候.依然会改变其内容.
但是初始状态(log的时间点)是不会骗人的.Array[0]

ps: 异步请求. then()的时候, mounted已经走完了.

Answer 3

把created写成computed试下,毕竟异步