싱글 파일 컴포넌트 (sfc)

Vue.js는 컴포넌트 템플릿, 로직 및 스타일을 하나의 파일로 관리하는 SFC 형식을 지원합니다. .Vue 파일이 그것인데요, Vue SFC에 대해 알아봅시다. SFC의 기본 구조 Vue SFC는 .vue 확장자를 가지며 <script>, <template>, <style> 블록으로 구성되어 있습니다. 각각 컴포넌트의 로직, 뷰, 스타일에 해당하며 하나의 컴포넌트로 캡슐화가 됩니다. <script setup> import { ref } fro...