▶ Front-End/개념 요약3 Vue3 <script setup> 이란? Vue3 Composition API를 이용하는 두가지 방식 *자세한 설명 생략 ▷ setup() ▷ - 싱글 파일 컴포넌트(SRC) 내에서 Composition API를 사용하기 위한 문법 - SFC와 Composition API를 사용하는 경우 을 사용하라고 권장 - import를 한 것을 그대로 return 없이 사용 - 런타임 성능 향상 등 많은 장점이 존재 ▷ 참고 [VueJS] Vue3 - setup() 과 의 차이 Vue3에서의 Composition API와 setup Vue3의 등장 예고와 함께 사용되어진 Composition API, Vue2.7 버전 미만을 사용할 경우에는 따로 플러그인을 설치해서 사용할 수 있으며, Vue2.7 이상부터는 Vue3처럼 Compositio mine-it-.. 2023. 10. 24. Composition API란? Component의 로직을 유연하게 구성할 수 있도록 하는 함수 기반의 API *자세한 설명 생략 ▷ Composition API란? - Vue Component를 구성하는 데 사용 - Vue3에서 새로 추가된 함수 기반의 API *Vue3에 내장 - Options API의 단점을 보완하기 위해 등장 *Vue3에서는 Composition API 권장 - 로직을 유연하게 구성할 수 있어 재사용성과 가독성을 높임 ▷ VS Options API - Options API는 정해진 구조로 인해 복잡한 코드의 품질이 떨어짐 *코드의 재사용이 어려움 *로직의 파악이 어려움 *유지보수가 어려움 ▷ Options API - Vue Component를 구성하는 데 사용되는 객체 기반의 API - Component의 속성,.. 2023. 10. 24. Vue-CLI Project 기본 구조 vue-cli로 생성된 Project의 기본 디렉터리 구조 파악*자세한 설명 생략 ▷ vue-cli Project 기본 구조 ▷ 관련 글 Vue3 기초 예제 프로젝트 정리Vue3 기초 예제 프로젝트 구조 및 소스 중간 정리 *관련 글이 점점 늘어나 하나로 통합하기 위함 *이 글에서 만 싱크 맞춤 *주석 이외 설명 생략 *자세한 설명 생략 ▷ 프로젝트 전체 구조 coding-today.tistory.com 2023. 10. 23. 이전 1 다음 728x90 728x90
