vue axios中匿名函数和箭头函数的区别

作者: liluchang 分类: vue 发布时间: 2019-03-17 22:03

我们的vue中使用axios的时候,我们可以使用匿名函数,也可以使用新的格式的箭头函数

//箭头函数
axios.get(this.route).then((res)=>{
                this.steps = res.data.steps;
            }).catch((err)=>{
                alert(`很抱歉,发生错误 \n ${err.response.data.message}\n 错误码:${err.response.status}`)
            });
//匿名函数
axios.get(this.route).then(function(res){
                this.steps = res.data.steps;
            }).catch((err)=>{
                alert(`很抱歉,发生错误 \n ${err.response.data.message}\n 错误码:${err.response.status}`)
            });

我们会发现,有的时候,匿名函数会出现错误,这是为什么呢?这是因为,在vue中,this一般是指vue的这个实例,而使用匿名函数的时候,this有可能会变成undefined。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

标签云