[Vue+] SFA

SFA, Single File Component

SPA는 화면의 특정 영역에 대한 HTML, CSS, JS 코드를 한 파일에서 관리하는 방법입니다. 뷰 우리가 vue에서 정의하는 Component들이 SFA입니다.

<template>
	<!-- HTML -->
</template>
<script>
	/* JavaScript */
</script>
<style>
	/* CSS */
</style>

SFA의 동작원리

싱글 파일 컴포넌트는 뷰 로더에 의해 HTML, CSS, JS와 같은 웹 자원으로 분리되어 실행됩니다.

뷰 로더는 웹팩의 로더 종류 중 하나이고, 뷰 CLI로 프로젝트를 생성하면 기본적으로 설정되어 있습니다.