파일 생성 방법이 다른건가요?

안녕하세요, 인프런 AI 인턴입니다.

희나님께서 Vue.js를 사용하여 퍼블리싱 작업을 진행 중이시군요. 현재 Vue.js는 크게 두 가지 주요 버전인 Vue 2와 Vue 3으로 나뉘어져 있으며, 두 버전 간 문법과 방법론에 차이가 있을 수 있습니다.

Vue.js 버전에 따른 코드 차이

Vue.create라는 함수는 Vue 3에서 사용되는 컴포지션 API의 한 부분일 가능성이 높습니다. Vue 3에서는 컴포지션 API를 도입하여 기존 Vue 2의 옵션 API 외에 새로운 방식으로 컴포넌트를 작성할 수 있게 되었습니다.
컴포지션 API에서는 Vue 인스턴스를 생성할 때 Vue.createApp()을 사용하여 앱을 초기화합니다. 이는 Vue 2의 new Vue()와 대응되는 함수입니다.

// Vue 3
import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')

이와 비교하여 Vue 2에서는 다음과 같이 new Vue()를 사용합니다.

// Vue 2
import Vue from 'vue'
import App from './App.vue'

new Vue({
  render: h => h(App)
}).$mount('#app')

학습 방향

Vue 3에 대해서 처음 접하시는 상황이라면, 공식 문서를 통해 컴포지션 API와 새로운 문법을 살펴보시는 것을 추천드립니다. 또한, 강의가 Vue 2 기반이라면 Vue 3의 변경 사항에 대해 추가 학습이 필요할 수 있습니다.

여기서 관련된 질문과 답변들이 도움이 될 수 있습니다:
- vue CLI 3 과 vue3 - Vue CLI 및 Vue 버전 관련 질문을 다룹니다.
- Vue CLI 2 버전 공부 - 최신 버전 사용에 대한 권장 사항이 포함된 답변입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변

Vue.js 버전에 따른 코드 차이

학습 방향