ヴュー/ 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は未定義となります。