6:05 쯤에 설명해주신부분 질문드려요
216
작성한 질문수 7
6:05초 쯤에 설명해주신 title을 가져오는 동작? 순서가 잘이해가 안됩니다 ㅠ
created() {
this.inputTitle = this.data.title
}
위에 내용에서 this.data.title은 props: ['data']를 통해 가져온 부모컴포넌트의 data 전체를 의미하는건가요??
Board.vue에 써있는
data() {
return {
bid: 0,
loading: false,
cDragger: null,
isEditTitle: false,
inputTitle: ''
}
}
이내용을 하위 컴포넌트인 List.vue가 props: ['data'] 를 함으로써 상속받게되면 상위컴포넌트의
data(){ return {....} } 안에 쓰인 모든 값을 전부 가져올 수 있게되는건가요??
그렇다고해도 Board.vue에 data()안에는 title이라는 이름의 값은 없는데 어떻게
this.inputTitle = this.data.title 가 가능한지 잘모르겠습니다
답변 1
0
부모데이터를 전부 가져오는 것도, 상속도 아닙니다.
Board.vue에서 List를 사용한 코드를 볼가요?
<div class="list-wrapper" v-for="list in board.lists" :key="list.pos"> <List :data="list" />
</div>
Board.vue의 boards 데이터를 v-for로 순회하면서 얻은 데이터 list가 List 컴포넌트의 data 프로퍼티로 들어가는 겁니다.
boards 데이터는 스토어의 boards 값이구요.
computed 속성에 추가해 두었죠.
computed: { ...mapState({
board: 'board',
isShowBoardSettings: 'isShowBoardSettings'
})
},
따라서 List 컴포넌트의 data는 스토어의 boards 배열의 한 요소입니다.
객체가 함께 반환되는데 왜 그럴까요
1
135
2
babel-core module 에러
0
227
2
watch와 computed
1
247
1
nextTick 관련 질문
0
705
1
a 태그에 href를 빈 값으로 계속 주는 이유
0
768
1
함수에서 _를 사용하셨는데 어떨때 쓰이는 건가요?
0
348
1
watch로 router 감시할 때
0
407
1
보드 아이템 배경색 변경 관련 질문
0
288
1
NavigationDuplicated 에러
0
673
1
vue-router 설치 중 계속해서 오류가 발생합니다.
2
1414
2
로컬 스토리지 관련 질문입니다!
0
469
1
<router-link> 질문
0
310
1
(재질문/Vuex 적용 - 인증 1) 강의에서 8분 18초 부분 질문 있습니다.
0
285
1
router-link 와 router-view 의 차이를 모르겠습니다!
1
1090
1
왜 index.js를 바로 볼 수 있나요?
0
366
2
리스트 내 카드 이동 오류
1
542
0
보드를 추가했을 때 추가한 보드에 대한 화면 업데이트(?) 갱신(?)에 관한 질문입니다.
0
292
1
(Vuex 적용 - 인증 1) 강의에서 8분 18초 부분 질문 있습니다.
0
444
1
npm install 시 에러
0
992
2
안녕하세요 리스트 이동 관련 질문이 있습니다.
0
321
2
질문이 있습니다.
0
299
1
마지막 부분에 로그아웃 해서 로그인 화면으로 돌아왔을 때
0
268
1
소스 공유 받을수 있을까요?
0
329
1
setAuthInHeader 했는데 오류가 발생합니다.
0
250
1