Vue.js 3 의 기본적인 사용법을 설명합니다. Vue2 에서 Options API를 통해 개발했다면, Vue3 에서는 Composion API로 개발을 하게 됩니다. 보통, Composion API로 만들게 되면, Setup() 함수에 구현을 하는데요, 여기서는 Setup()함수를 사용하지 않습니다. 대신, script 태그 선언시에 setup 옵션을 추가합니다. 이렇게 하면 코드를 더욱 간결하게 작성할 수 있습니다.
- 개발환경 구성과 프로젝트 생성 (Hello World)
- 폴더와 파일에 대한 설명
- 뷰 데이터와 함수
- 데이터 바인딩
- 이벤트
- 데이터 양방향 바인딩
- Computed 속성
- Watch 속성
- 클래스&스타일 바인딩
- v-if와 v-show
- v-for 리스트렌더링
- 여러개의 Vue 인스턴스 사용하기
- Vue 컴포넌트
- 뷰 라우터 ( yarn add "vue-router@^4.0.0" )
- 싱글 파일 콤포넌트
- 자식 컴포넌트에 데이터 보내기
- 부모 컴포넌트로 데이터 보내기
- 슬롯
- 뷰 인스턴스 라이프사이클
- 미니 프로젝트 (단어장 1)
- 미니 프로젝트 (단어장 2)
- Context
'Language > Javascript' 카테고리의 다른 글
| 개발환경 구성과 프로젝트 생성 (Hello World) : Vue.js 3 강좌 (with Bootstrap, script-setup) (0) | 2022.03.08 |
|---|---|
| Vue3 에서 같은 path (같은 컴포넌트) 를 호출할때 리로드하기 (0) | 2022.02.04 |
| Vite + Vue3 + Javascript + Electron 를 이용한 데스크탑 앱 개발 환경 (0) | 2022.01.25 |
| 폴더와 파일에 대한 설명 : Vue.js 3 강좌 (with Bootstrap, script-setup) (0) | 2022.01.23 |
| 개발환경 구성과 프로젝트 생성 (Hello World) : Svelte 3 강좌 (0) | 2021.12.24 |