# 시작하기

INFO

Vue.js의 새로운 기능에 대한 정보가 필요하신가요? 그렇다면 필수가이드를 확인하세요.

이번 가이드는 Vue 2 경험이 있으면서, Vue 3 변경사항 및 새로운 기능을 배우고 싶은 사용자를 주요 독자로 삼았습니다.** 이 문서는 Vue 3를 시도하기 전 꼭 읽어야 하는 것은 아닙니다. ** 변한 것이 많아 보이지만, Vue에 관해서 알고 좋아하던 것들은 여전히 같습니다.; 그렇지만 우리는 문서화 된 변경 점에 대한 예제들과 자세한 설명을 가능한 철저하게 제공하고 싶었습니다.

# 개요


Vue Mastery (opens new window)에서 Vue 3를 배워보세요.

# 시작하기

# 주목할 만한 새로운 기능들

Vue 3에서 주목할 만한 새로운 기능 중 일부는 다음과 같습니다.

# 주의해야 할 변경사항들

INFO

우리는 Vue 2 호환 동작과 호환되지 않는 사용에 대한 런타임 경고가있는 Vue 3용 마이그레이션 빌드 작업 중입니다. 중요한 Vue 2 앱을 마이그레이션 할 계획이라면, 원활한 환경을 위해 마이그레이션 빌드를 기다리는 것이 좋습니다.

다음은 2.x의 사용자가 주의해야 할 변경사항들로 구성됩니다.

# 전역 API

# 템플릿 디렉티브

# 컴포넌트들

# 렌더 함수

# 커스텀 요소들

# 기타 소소한 변경사항들

# 제거된 APIs

# 지원 라이브러리들

이제부터 우리의 모든 공식 라이브러리들과 도구들은 Vue 3를 지원합니다. 하지만 여전히 대부분은 베타 상태이며 npm에서 next dist 태그로 배포 됩니다. 2020년 말까지 latest dist 태그를 사용하도록 모든 프로젝트를 안정화하고 전환 할 계획입니다.

# Vue CLI

v4.5.0부터 vue-cli는 새 프로젝트를 만들 때 Vue3를 사전 설정하는 기본 옵션을 제공합니다. 이제 vue-cli를 업그레이드하고 vue create를 실행하여 Vue 3프로젝트를 만들 수 있습니다.

# Vue Router

Vue Router 4.0은 Vue 3를 지원하며, 자체적으로 많은 주의해야 할 변경사항들이 있습니다. 자세한 전문은 README (opens new window)를 확인하세요.

# Vuex

Vuex 4.0는 3.x와 거의 동일한 API로 Vue3 지원합니다. 유일하게 주의해야 할 변경사항은 플러그인 설치 방법 (opens new window)입니다.

# 확장 Devtools

우리는 여러 버전의 Vue를 지원하기 위해 새로운 UI와 리팩토링된 새로운 버전의 Devtools를 개발 중입니다. 새 버전은 현재 베타 버전이며 현재는 Vue 3만 지원합니다. Vuex와 Router의 통합도 진행 중입니다.

# IDE 지원

VSCode (opens new window)와 함께 Vue 3의 IDE 지원을 도와주는 공식 확장 프로그램인 Vetur (opens new window)를 사용하는 것을 추천합니다.

# 다른 프로젝트들

프로젝트 npm Repo
@vue/babel-plugin-jsx []rc [[GitHub]]
eslint-plugin-vue []![beta] [[GitHub]]
@vue/test-utils []![beta] [[GitHub]]
vue-class-component []![beta] [[GitHub]]
vue-loader []![beta] [[GitHub]]
rollup-plugin-vue []![beta] [[GitHub]]

[]: https://www.npmjs.com/package/@vue/babel-plugin-jsx [GitHub]: https://github.com/vuejs/jsx-next [beta]: https://img.shields.io/npm/v/@vue/devtools/beta.svg []: https://www.npmjs.com/package/@vue/devtools/v/beta [GitHub]: https://github.com/vuejs/vue-devtools/tree/next [beta]: https://img.shields.io/npm/v/eslint-plugin-vue.svg []: https://www.npmjs.com/package/eslint-plugin-vue [GitHub]: https://github.com/vuejs/eslint-plugin-vue [beta]: https://img.shields.io/npm/v/@vue/test-utils/next.svg []: https://www.npmjs.com/package/@vue/test-utils/v/next [GitHub]: https://github.com/vuejs/vue-test-utils-next [beta]: https://img.shields.io/npm/v/@ant-design-vue/babel-plugin-jsx.svg []: https://www.npmjs.com/package/@ant-design-vue/babel-plugin-jsx [GitHub]: https://github.com/vueComponent/jsx [beta]: https://img.shields.io/npm/v/vue-class-component/next.svg []: https://www.npmjs.com/package/vue-class-component/v/next [GitHub]: https://github.com/vuejs/vue-class-component/tree/next

Deployed on Netlify.
Last updated: 12/20/2020, 2:33:30 PM