뷰/Nuxt 장착 함수()

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은 정의되지 않습니다.