CLI로 뷰 프로젝트를 생성하고 나면 App.vue라는 파일이 자동으로 생성되는데 코드에는 HTML, CSS, JS를 넣을 수 있는 섹션이 구분되어져 있다. App.vue 파일처럼 HTML, CSS, JS 코드를 한 파일에서 관리하는 방법으로 vue 확장자를 가진 파일을 싱글 파일 컴포넌트라고 말한다.
App.vue
<template>
<!-- HTML 코드 -->
</template>
<script>
// JS 코드
</script>
<style>
/* CSS 코드 */
</style>'Vue' 카테고리의 다른 글
| [Vue] props로 문자 데이터가 아닌 다른 데이터(숫자, 객체, 선언한 데이터 등)을 전달하는 방법 (0) | 2022.07.06 |
|---|---|
| [Vue] Vuex 개념, 설치, 사용 방법 (스토어 모듈화시키기) (0) | 2022.07.06 |
| [Vue] 컴포넌트 전역등록, 지역등록 (0) | 2022.06.30 |
| [Vue] vite.js로 Vue 프로젝트 시작하고 ESLint, 경로 별칭까지 설정해주기 (0) | 2022.06.30 |
| [Vue] 컴포지션 API 사용법 (0) | 2022.06.19 |
댓글