Vue公司/ Nuxt - 安装：（）=> Vs的安装：（）的函数

Question

为什么结果在mounted是使用() =>和function()不同：

export default { 
    mounted:() => { 
    this.socket = 'something' 
    console.log('mounted') 
    }, 
    methods: { 
    submitMessage() { 
     console.log(this.socket) // undefined 
    } 
    } 
} 

使用function()：

export default { 
    mounted: function() { 
    this.socket = 'something' 
    console.log('mounted') 
    }, 
    methods: { 
    submitMessage() { 
     console.log(this.socket) // something 
    } 
    } 
} 

不限想法？

Answer 1

您不应该使用箭头函数来定义生命周期挂钩，方法...（例如mounted:() => this.socket++）。原因是箭头函数绑定父上下文，所以这不会是你期望的Vue实例，并且this.socket将会是未定义的。