axios 注意点

axios里用传统function方法的话,其this并非vue实例.要想改变vue里的data,须使用箭头方法。(箭头方法中的this指向上一级的this)

let vm=new Vue({
    el:'#app',
    created(){
        this.initData();
    },

     methods: {
                initData(){
                    axios.get('db.json').then(res=>{
                        this.products=res.data;
                    }, error=>{console.log(error);});
                },

   data:{
      products:[]
    }
});    

 

posted @ 2018-02-11 17:09  GIC扫地僧  阅读(114)  评论(0编辑  收藏  举报