자바스크립트: Invalid shorthand property initializer 에러

VueJs 공부를 하던 중 다음과 같은 에러가 발생하면서 코드가 제대로 동작하지 않았다.

 

 

 

원인을 찾아보니, 다음 코드가 원인이었다. 

 

var vm = new Vue({
    ...
    methods = {
        showPersonInfo: function (person){
            alert(person.name)
        }
    }
    ...
}).$mount('#app')

 

 

구조체 객체를 만들 때, 속성에 값을 대입하기 위해서는 '='가 아니라 ':'를 사용해야한다. 다음과 같은 코드를 사용하면 에러가 나는 것이다.

 

// 에러 코드
var myObject = {
	property = 'value'
}
// 정상 코드
var myObject = {
	property: 'value'
}

 

 

결국 문제의 코드를 다음과 같이 수정하여 에러를 해결하였다.