vue里面,关于数据的赋值,应该是什么样的

    created () {
        this.getGoodsData()
        console.log(this.goodsData)     //到这一步展示的就不一样了
    },
    data() {
        const module = '/goods'
        return {
            url: {
                list: module + '/list'
            },
            goodsData: {},
        }
    },
    methods: {
        getGoodsData () {
            get(this.url.list, {}, response => {
                console.log(response)    //这一步显示的还是对的
                this.goodsData = response
            })
        }
    }

img

下面的方法里的打印是在请求返回后打印的结果,goodsData的值也是在那时候才赋值。上面created周期执行时里面的console方法已经执行,此时goodsData还未成功赋值,是一个{}的空对象

response是后台返回的最外层对象,要是获取数据还要找对象里的对应字段