v-bind가 잘이해가 안됩니다 ㅠ
144
작성한 질문수 7
<tabs v-bind:tabs="tabs" v-bind:selected-tab="selectedTab" v-on:@change="onClickTab">
위처럼 코드가있다고할때 tabs라는 템플릿에 v-bind를 할당하는데 tabs=tabs다 여기서 말하는 첫번째tabs는 속성의 이름이고 뒤에나오는 tabs는 new Vue()에 data{} 오브젝트에 써있는 tabs값인거같은데 tabs="tabs"가 될수있다는게 잘 이해가안됩니다..ㅜ
예를들어 v-bind:class="tabs" 라고한다면 class명으로 new Vue()안에있는 data값중 tabs를 바인딩하는구나 라고 생각되는데 엘레멘트 속성중에 tabs라는게 없을것같고.. data-set으로 tabs를 주게되는건가요?? 실제 html의 모습은
<tabs data-tabs="tabs"> 이런모습이 되는건가요??
답변 1
1
TabComponent.js를 보면 쉽게 이해하실 수 있을겁니다.
컴포넌트의 속성으로 tabs를 정의하고 있어서 이를 사용하는 측에서는 tabs 속성에 바인딩한 것이지요.
props: ['tabs', 'selectedTab']
slectedt-tab속성도 selectedTab으로 연결되는 것이고요.
컴포넌트, 프롭스, 데이터 이름이 모두 "tabs"라서 헷갈릴 수 있겠네요.
강사님, 브랜치명 어떻게 만드셨어요?
2
209
1
이미지 파일 업데이트가 안돼있는 거 같습니다
1
502
1
git사용법을 잘 모르겠습니다..
1
495
1
@event 질문입니다.
1
254
1
return 문자열이 여러줄은 어떻게 설정하나요?
1
645
2
탭뷰에서 이벤트를 받아서 메인컨트롤러에게 전달만해주는 방식도 괜찮나요?
1
257
1
ResultComponent.vue 에러?
1
251
1
선생님 안녕하세요!
0
247
1
return new Promise 와 return Promise.resolve
2
474
1
바닐라
1
320
1
실습 관련 질무
1
248
1
event.preventDefault() 문의
1
291
1
컴퍼넌트 질문이 있습니다.
0
210
1
return this에 대해서 (재업로드)
0
355
1
return this에 대해서 이해가 잘 되지 않아요
0
1175
1
강의 내용을 따라 했는데도 안되는 문제
1
309
2
크롬으로 로컬 띄었더니 에러가나네요
1
323
0
에러가 나네요
1
329
2
git checkout 중에 질문드립니다.
1
302
1
bindEvent 메소드를 왜추가하는지 궁금해서 질문드립니다.
2
576
1
안녕하세요 vue.js 처음 입문하는데 강사님 강의로 시작하게 되었습니다.
0
217
1
index 페이지에서 main.js 관련 질문입니다
1
203
1
학습내용 정리 관련 질문입니다!
0
179
1
lite-server로 구현해야하는 이유는 무엇인가요~?
1
522
2