Composition API 썸네일형 리스트형 [Vue3] Composition API Vue3 Composition API 짧게 CAPI 라고도 불림 Vue2를 사용할 경우 별도로 composition-api를 설치해야 함 Vue3는 이미 포함되어 있어서 별도 설치 필요 없음 컴포넌트의 기능과 규모가 커질 수록 복잡도가 올라가서 좀 더 가독성과 정돈이 필요하여 나옴 논리적으로 연관된 부분을 그룹으로 묶어서 보여줄 수 있다는 장점이 있음 setup setup이라는 옵션API 안에서 거의 모든게 구현됨 setup의 첫번째 파라미터는 props setup의 두번째 파라미터는 context 변수 선언 동적인 변수로 사용을 해야할 경우 ref로 선언해줘야 함 import { ref } from "Vue" ... setup() { const name = ref("") ... } ... Obejct .. 더보기 [Vue3] <script setup> {{ msg }} {{ capitalize('hello') }} ref, reactive 등의 Reactivity APIs 사용 가능 컴포넌트 사용 원래는 컴포넌트 사용을 명시적으로 선언하고 해야하지만 import만 하면 사용 가능함 기본 사용 동적 컴포넌트 컴포넌트 재귀적 사용 import { FooBar as FooBarChild } from './components' 네임스페이스 컴포넌트 label defineProps() & defineEmits() 컴파일 매크로에서 사용된다. 따로 impotre 할 필요도 없음 defineExpose() useSlots() & useAttrs() 더보기 이전 1 다음
