Vue.js 3 컴포넌트

1. Vue 컴포넌트란?

이름에서도 알 수 있듯이 부품이라는 뜻이다. 즉 개발을 할 때 컴포넌트를 필요할 때 언제든 가져다 사용할 수 있다.

컴포넌트 파일을 만들때 확장자는 .vue가 들어간다.

 

 

2. 컴포넌트 구조

컴포넌트의 구조는 <template>, <script>, <style> 3가지 태그로 구성된다.

 

 

 

3. 컴포넌트 작성

컴포지션 API를 사용하였다. 컴포지션 API는 Vue.js 3 에 새롭게 추가된 API이다. => setup()

 

 

 

 

**위의 정리 내용은 유튜버 코지코더님의 Vue.js강의를 보고 정리한 내용입니다.

유튜브를 보면서 정리된 글을 보면 더 좋을것같아요!