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將會是未定義的。