퀴즈 기본문제에서 props와 template의 값이 todo인 이유가 궁금합니다.
259
작성한 질문수 1
이전에 props를 사용할때는
<child-component v-bind:passeddata="message"></child-component>
var app = new Vue({
el: '#app',
data: {
message: 'hello vue! passed form parent'
}
});
이런식으로 props의 값은 같았던 것 같은데 이번 퀴즈에서는
v-for에서 반복할 객체만 같은 이름으로 사용해야하는 이유가 무슨이유일까요?
답변 1
0
Vue.component('todo-item', { props: ['my'], template: '<p>{{ my.text }}</p>' });
props와 template의 todo를 my로 바꾸었습니다. 이유는 없습니다. 제가 이렇게 부르고 싶기때문입니다.
하지만 이렇게 바꿔줬을 때는 index.html에서
<!-- Child Component --> <todo-item v-bind:my="todo" v-for="todo in Todos" key="todo.id"></todo-item>
v-bind: 바로 뒤의 todo를 my로 바꿔줘야합니다.
순서를 바꿔서 애매하긴 하지만 index.html을 먼저 작성했다고 생각해 본다면
index.html에서 v-bind:todo 라고 했기 때문에
app.js에서는 props와 template에 todo라고 해줘야 하는 것 같습니다.
자세한 설명은 캡틴판교님이 해주실 거라 믿습니다.
github 권한 요청합니다.
1
429
1
너비에 따라 row에서 column으로 바꾸는 방법
0
592
1
52강의 originalTpdp ref 와 todo ref
0
546
1
새로 리뉴얼된 강좌를 보아야 하나요?
1
275
2
아래 질문과 동일한데요
1
311
2
아래 질문과 동일한 vue-cli 오류가 발생합니다.
1
197
1
vue-cli 에러
1
245
2
회사 인트라넷에서 아톰을 이용해서 vue 개발환경을 구축할 예정입니다
1
280
1
[실습]Vue CLI 와 싱글파일 컴포넌트를 이용한 컴포넌트 등록 강좌에서 질문있습니다
0
173
0
전역-지역 컴포넌트 충돌시
0
296
1
todolist 만들기 질문입니다
0
234
1
dev 서버에 관련해서 질문있습니다.
0
175
0
vue.js, app.js 를 맨 아래쪽에서 임포트 하는 이유
0
268
1
라우터를 사용할 때, mounted가 호출되지 않는 경우에 대한 질문
0
626
1
:key="todo.id" 에러 관련 질문 드립니다.
0
210
1
vue 템플릿 자동완성 안되요
0
731
3
퀴즈 실습 코드 깃헙 링크가 없네요
0
223
1
npm run dev 시 Cannot find module 'webpack' 오류
0
686
1
sample 소스에 대한 설명이 없네요.
0
202
0
vue template 자동 완성
0
283
0
Nested 라우터 퀴즈 안내와 풀이 둘다 같은 영상이 나옵니다.
0
271
4
render: h => h(App) 는 어떤 동작을 하는 것인가요?
0
514
1
잘못된 동영상이 나와요
0
130
0
패키지 어디에 있나요....?
0
196
2