Vue.js 에러 - 에러 메세지 없이 렌더링 안 됨

 

<input type="text" v-model="gdasmkl95241" />

위처럼 v-model 디렉티브 안에 이상한 값을 넣으면 원래 콘솔창에서 에러가 나야 한다.

 

 

 

<td><input type="button" class="delBtn" value="삭제"v-model="" /></td>

그런데 위나 아래처럼 공백을 넣으면 에러는 나지 않는다.

v-model=""
그 대신 그 속성은 없는 셈치고 화면 렌더링은 된다.

<input type="button" v-model="">

근데 그중에서도 버튼 타입일 때 공백으로 놓으면 에러도 못 잡고 화면 렌더링도 되지 않는다.
따라서 웬만하면 쓸데없는 속성이나 바인딩은 다 지워놓고 하는 편이 좋다.