[Vue warn]: Failed to generate render function: ReferenceError: Invalid left-hand side in assignment in … 에러 해결하기

간만에 PHP 프로젝트 유지보수를 하고 있는데… Vue 를 부분 사용하기로 하였습니다.

Vue 가 편하긴 한데 가끔 오류가 생길때 크롬이나 웨일 콘솔에서 아무런 반응이 없어서 오타라든지 버그 원인을 찾기가 매우 힘든 경우가 있습니다. (eslint 가 얼마나 좋은 건지 새삼 깨달음 ㅡ.ㅡ; )

아무튼 버그를 찾을 수 없어 인터넷익스플로러 11까지 동원해서 찾았는데.. 의외로 익스플로러 11이 오타버그를 잘 찾아주더군요… 헐…

하지만 아래 버그는 버그 자체는 내용이 나오지만 뭐가 잘못된건지 도통 알 수가 없었습니다.

[Vue warn]: Failed to generate render function: ReferenceError: Invalid left-hand side in assignment in ... 

이 버그의 원인 중 하나는 v-model 에 변수가 아닌 아래와 같이 연산식을 넣어버린 경우에 발생합니다. 다른 경우로 발생하는것은 아직 확인을 못해봐서 확정적이지는 않네요.

<input type="checkbox" v-model="selected === 'new'" />

아무튼 v-model 에는 변수만 설정하시기 바랍니다. ^^