데이터 분석 기술 블로그

Vue에 관하여(13)_Single-File Components 본문

SW/프론트엔드

Vue에 관하여(13)_Single-File Components

데이터분석가 이채은 2024. 7. 24. 09:00

1. Component

재사용 가능한 코드 블록입니다.


2. SFC

Single-File Components(SFC)란, 컴포넌트의 템플릿, 로직 및 스타일을 하나의 파일로 묶어낸 특수한 파일 형식(*. vue 파일)입니다.


3. SFC 문법


3-1. 언어 블록 - <template>


3-2. 언어 블록 - <script setup>


3-3. 언어 블록 - <style scope>


3-4. 컴포넌트 사용하기

'SW > 프론트엔드' 카테고리의 다른 글

Vue에 관하여(15)_Vue Component  (0) 2024.07.26
Vue에 관하여(14)_SFC build tool(Vite)  (0) 2024.07.25
Vue에 관하여(12)_Vue Style Guide  (0) 2024.07.23
Vue에 대하여(11)_Lifecycle Hooks  (0) 2024.07.22
Vue에 대하여(10)_Watchers  (0) 2024.07.21