Daniel Ryu

글로벌 콤포넌트와 로컬?콤포넌트가 이름이 같다면 local로 지정한 부분이 나오는 게 맞는 것 같습니다.왠지 순서가 Vue 객체를 인스턴스화 할 때 글로벌 콤포넌트가 먼저 씌여졌다가 이후에 components: 옵션을 사용해 정의한 로컬?콤포넌트가 글로벌 콤포넌트 위에 다시 씌여지면서 글로벌은 없어지고? 로컬 콤포넌트가 보이게 되는게 아닌가 생각해 봅니다. 자세한 건 역시 캡틴 판교님이 설명해 주시리라 믿습니다.

전역-지역 컴포넌트 충돌시

<code>Vue.component('todo-item', { props: ['my'], template: '{{ my.text }}' });</code> 
props와 template의 todo를 my로 바꾸었습니다. 이유는 없습니다. 제가 이렇게 부르고 싶기때문입니다. 
하지만 이렇게 바꿔줬을 때는 index.html에서 
<code> <todo-item v-bind:my="todo" v-for="todo in Todos" key="todo.id"></todo-item></code> 
v-bind: 바로 뒤의 todo를 my로 바꿔줘야합니다. 
순서를 바꿔서 애매하긴 하지만 index.html을 먼저 작성했다고 생각해 본다면 
index.html에서 v-bind:todo 라고 했기 때문에 
app.js에서는 props와 template에 todo라고 해줘야 하는 것 같습니다. 
자세한 설명은 캡틴판교님이 해주실 거라 믿습니다.

Daniel Ryu

Posts