脚本宝典收集整理的这篇文章主要介绍了Vue中export default{}方法怎么调用内部方法?，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

比如说如下这种情况export default{
   a: function(){
    // 内容
   },
   b: function(){
        this.a();  // 此处怎么调用a的方法，这样调用报错了
   }
}使用this.方法和this.$options.methods.方法 都会出现报错以上情况是this定义指向问题 

普通函数中的this:

代表它的直接调用者(js的this是执行上下文), 例如 obj.cal() ,那么cal()方法中的this就是obj

若没找到直接调用者,则this指的是 window （常见的window的属性和方法有: alert, location,document,parseInt,setTimeout,setInterval等）或者 undefined

箭头函数中的this：

箭头函数没有自己的this, 它的this是继承而来; 默认指向在定义它时所处的

对象(宿主对象)

将代码改成箭头函数即可解决问题

export default{
   a:()=>{
    // 内容
   },
   b: ()=>{ 　　this.a();   } }

脚本宝典总结

以上是脚本宝典为你收集整理的Vue中export default{}方法怎么调用内部方法?全部内容，希望文章能够帮你解决Vue中export default{}方法怎么调用内部方法?所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。