Vue 3 - 루트 구성 요소에서 구성 요소와 믹스인을 사용하는 방법은 무엇입니까?

Question

Vue 2에서 Vue 3으로 구문을 변환하려고 시도했지만 Vue 2에 대해 mixins 및 comComponents를 포함하는 방법을 잘 모르겠습니다. 코드:

"./App.vue"에서 앱 가져오기;

const 앱 = 새로운 Vue({
  믹스인: [globalMixin],
  라우터,
  엘: '#앱',
  가게,
  구성요소: {
     물건,
       안녕하세요
  },
  렌더링: h => h(앱)
});

제가 올바르게 이해했다면 Vue 3의 구문은 다음과 같습니다.

const app = createApp(앱)
앱
.사용(상점)
.use(라우터)
 
app.mount('#app')

Vue 2의 예에는 믹스인과 두 개의 구성요소가 있는데 이를 Vue 3의 구문에 어떻게 추가합니까? 다음을 수행하여 구성요소를 추가할 수 있습니다. app.comComponent('Thing', Thing) 하지만 이는 하나의 구성요소일 뿐입니다. 하나씩 추가해야 할까요? 섞이는 것은 어떻습니까?

Answer 1

Vue 3에서는 애플리케이션 API 믹스인 메소드를 사용할 수 있습니다.

으아악

구성요소는 하나씩 추가할 수 있습니다. 나는 이 방법이 더 명확하기 때문에 선호합니다.

Answer 2

Vue 3에서는 루트 구성 요소에서 로컬 구성 요소 등록 및 믹스인이 가능합니다(전역 네임스페이스 오염을 방지하려고 할 때 유용함). extends选项来扩展App.vue的组件定义，然后添加自己的mixins和components 옵션을 사용하세요:

으아악

구성 요소를 하나씩 등록하는 것이 좋은 접근 방식인 것 같습니다. 특히 구성 요소가 몇 개밖에 없는 경우에는 더욱 그렇습니다.

데모