Vue 3 - 루트 구성 요소에서 구성 요소와 믹스인을 사용하는 방법은 무엇입니까?
P粉340980243
2023-08-24 16:25:32
<p>Vue 2에서 Vue 3으로 구문을 변환하려고 시도했지만 Vue 2에 대해 <em>mixins</em> 및 <em>comComponents</em>를 포함하는 방법을 잘 모르겠습니다. 코드: </p>
<pre class="brush:php;toolbar:false;">"./App.vue"에서 앱 가져오기;
const 앱 = 새로운 Vue({
믹스인: [globalMixin],
라우터,
엘: '#앱',
가게,
구성요소: {
물건,
안녕하세요
},
렌더링: h => h(앱)
});</pre>
<p>제가 올바르게 이해했다면 Vue 3의 구문은 다음과 같습니다. </p>
<pre class="brush:php;toolbar:false;">const app = createApp(앱)
앱
.사용(상점)
.use(라우터)
app.mount('#app')</pre>
<p>Vue 2의 예에는 믹스인과 두 개의 구성요소가 있는데 이를 Vue 3의 구문에 어떻게 추가합니까?
다음을 수행하여 구성요소를 추가할 수 있습니다. <code>app.comComponent('Thing', Thing)</code> 하지만 이는 하나의 구성요소일 뿐입니다. 하나씩 추가해야 할까요? 섞이는 것은 어떻습니까? </p>
Vue 3에서는 애플리케이션 API 믹스인 메소드를 사용할 수 있습니다.
으아악구성요소는 하나씩 추가할 수 있습니다. 나는 이 방법이 더 명확하기 때문에 선호합니다.
Vue 3에서는 루트 구성 요소에서 로컬 구성 요소 등록 및 믹스인이 가능합니다(전역 네임스페이스 오염을 방지하려고 할 때 유용함).
으아악extends
选项来扩展App.vue
的组件定义,然后添加自己的mixins
和components
옵션을 사용하세요:구성 요소를 하나씩 등록하는 것이 좋은 접근 방식인 것 같습니다. 특히 구성 요소가 몇 개밖에 없는 경우에는 더욱 그렇습니다.
데모