axios 注意点

Posted GIC扫地僧

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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:[]
    }
});    

 

以上是关于axios 注意点的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段14——Vue的axios网络请求封装

axios 注意点

ajax与 axios的基础讲解(附代码及接口)

webpack+vue+ element ui +vueX+axios 开发项目注意点及知识点

项目集成element-plus和axios

回归 | js实用代码片段的封装与总结(持续更新中...)