뷰에서 html 작성할 떄 카멜케이스로 작성금지
slot이랑 태그연결 컨텐트가 없는 경우 슬롯 사이에 있는 컨텐츠를 출력 가능 이걸 FallBack contents(대체된다라는 뜻)라고 부름
v-bind : => :
v-on : => @
v-slot : => #
slot의 name 속성을 줘서 순서를 보장해줄 수 있음
provide 를 사용할 때는 반응성을 제공할 수 없음 provide 는 반응성을 가지지 않지만 조상부분을 참조할 수 있음
provide의 반응성을 유지하는 방법? computed 사용
provide() {
return {
msg: computed(() => {
return this.message // 이런식으로 computed를 사용해서 작성해줄 수 있음(반응성 유지가능)
})
}
}
컴포지션 API란?
왜 써야하는가
로직을 모아서 정리할 수 있음, return 키워드를 통해서 동일하게 사용가능하다
단순한 로직에서는 composition API사용 권장하지 않음
composition API 에서는 mounted가 아니고 onMounted라고 들고와야함
created 라는 compositionAPI는 존재하지 않음
참조 공식문서 : https://v3.ko.vuejs.org/guide/composition-api-lifecycle-hooks.html
레거시 학살자