[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() 더보기 스마트스토어 경쟁사, 관심사 상품 매출 분석 https://use-xyz.com/market use-xyz search 분석 도구 url, 키워드, 카테고리 분석 keyboard_arrow_down use-xyz.com 스마트스토어 판매 건수와 매출을 알아보고 싶을 때, 배송건수로 유추하는 방법은 스마트스토어를 운영해보신분이라면 아시겠지만 정확하지 않습니다. 그래서 실제로 판매건수를 가져와서 판매가로 계산할 수 있도록 개발하였습니다. 더하여 전체 스토어의 모든 제품들도 가져올 수 있도록하여 스토어 매출까지 가져오도록 만들었어요. 추가 문의사항 있으면 언제든 남겨주세요. 사용방법 알려드리겠습니다! 1. 네이버 스마트스토어 URL 주소 복사 2. 검색창에 붙여넣기 & 검색 버튼 클릭 - 상품 주소, 또는 모바일 주소, 쇼핑윈도우 주소 공유용도의 줄.. 더보기 이전 1 ··· 4 5 6 7 8 9 10 ··· 24 다음