axios 注意点

Posted 2020-10-24 GIC扫地僧

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:[]
    }
});