Vue 프로젝트가 Vue 2 또는 Vue 3을 기반으로 하는지 결정하는 것은 몇 가지 분명한 특징으로 구별될 수 있습니다. 다음은 몇 가지 일반적인 방법입니다.
-
프로젝트 종속성 보기 : 프로젝트 파일을 열고 버전 번호를
package.json확인합니다 .vue버전 번호가 이면
2.x.x프로젝트는 Vue 2를 기반으로 합니다. 예를 들어:"vue": "2.6.14"버전 번호가 이면
3.x.x프로젝트는 Vue 3을 기반으로 합니다. 예를 들어:"vue": "3.0.11" -
Composition API 사용 : Vue 3에서는 보다 유연한 논리적 구성 및 재사용 방법을 제공하는 Composition API를 도입했습니다. 프로젝트에서 Composition API(예: 함수)를 사용하는 경우
setup()Vue 3을 기반으로 할 가능성이 높습니다. -
템플릿 구문 : Vue 2는 옵션 API를 사용하며 이중 중괄호는 일반적으로 템플릿 구문에서
{ {}}값을 보간하는 데 사용됩니다. Vue 3에는 템플릿 구문이 일부 변경되어 새로운v-bind약어:및v-on약어가 도입되었으며@더 나은 조건부 렌더링 및 기타 기능이 도입되었습니다. -
전역 API 수정 : Vue 3에서는 일부 전역 API를 수정했습니다. 예를 들어 Vue 2에서 사용된 전역 필터는 Vue 3에서 더 이상 지원되지 않으며 대신 더 강력한 기능 API가 사용됩니다.
-
Vue Router 및 Vuex 버전 : Vue 3에는 해당 Vue Router 4 및 Vuex 4 버전도 도입되었습니다. 프로젝트에서 Vue Router 4 및 Vuex 4를 사용하는 경우 Vue 3을 기반으로 할 가능성이 높습니다.
-
사용된 UI 프레임워크 또는 라이브러리 : 일부 UI 프레임워크 또는 라이브러리도 Vue 버전에 따라 다른 버전을 제공합니다. 예를 들어 Element UI의 Vue 2 버전과 Vue 3 버전은 다릅니다.
요약하자면, 프로젝트의 종속성을 살펴보고, Composition API 사용 여부를 확인하고, 템플릿 구문 및 전역 API에 변경 사항이 있는지 관찰하고, Vue Router 버전을 확인하여 Vue 프로젝트가 Vue 프로젝트인지 확인할 수 있습니다. 프로젝트에 사용된 Vuex 및 Vue 2 또는 Vue 3 버전을 기반으로 합니다.