Vue.js) Property or method " name " is not defined on the instance but referenced during render.

Property or method "item" is not defined on the instance but referenced during render.

2가지 원인을 찾았다.

1.vue어플리케이션이 되는 엘리먼트 안에 탬플릿 코드를 두면 에러 발생함.

//전
<div id="grid">
  <tmpl></tmpl>
</div>

//후
<div id="grid">
</div>
<tmpl></tmpl>

 

2.문자열의 '를 제대로 하지 않으면 해당 문자열을 변수로 인식하여 찾을 수 없다는 에러발생.

item은 변수이고, bg-black은 단순히 클래스의 이름
//전 : bg-black을 변수로 인식
<div :class="[ bg-black , item.Name ]">

//후
<div :class="[ 'bg-black' , item.Name ]">