[Vue/한줄정리] 싱글 파일 컴포넌트(SFC)란?

CLI로 뷰 프로젝트를 생성하고 나면 App.vue라는 파일이 자동으로 생성되는데 코드에는 HTML, CSS, JS를 넣을 수 있는 섹션이 구분되어져 있다. App.vue 파일처럼 HTML, CSS, JS 코드를 한 파일에서 관리하는 방법으로 vue 확장자를 가진 파일을 싱글 파일 컴포넌트라고 말한다. 

 

App.vue

<template>
  <!-- HTML 코드 -->
</template>

<script>
  // JS 코드
</script>

<style>
  /* CSS 코드 */
</style>