질문&답변
글로벌 콤포넌트와 로컬?콤포넌트가 이름이 같다면 local로 지정한 부분이 나오는 게 맞는 것 같습니다. 왠지 순서가 Vue 객체를 인스턴스화 할 때 글로벌 콤포넌트가 먼저 씌여졌다가 이후에 components: 옵션을 사용해 정의한 로컬?콤포넌트가 글로벌 콤포넌트 위에 다시 씌여지면서 글로벌은 없어지고? 로컬 콤포넌트가 보이게 되는게 아닌가 생각해 봅니다. 자세한 건 역시 캡틴 판교님이 설명해 주시리라 믿습니다.
질문&답변
Vue.component('todo-item', { props: ['my'], template: ' {{ my.text }} ' }); props와 template의 todo를 my로 바꾸었습니다. 이유는 없습니다. 제가 이렇게 부르고 싶기때문입니다. 하지만 이렇게 바꿔줬을 때는 index.html에서 v-bind: 바로 뒤의 todo를 my로 바꿔줘야합니다. 순서를 바꿔서 애매하긴 하지만 index.html을 먼저 작성했다고 생각해 본다면 index.html에서 v-bind:todo 라고 했기 때문에 app.js에서는 props와 template에 todo라고 해줘야 하는 것 같습니다. 자세한 설명은 캡틴판교님이 해주실 거라 믿습니다.
