Vue 3 - 루트 구성 요소에서 구성 요소와 믹스인을 사용하는 방법은 무엇입니까?
P粉340980243
P粉340980243 2023-08-24 16:25:32
0
2
615
<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>
P粉340980243
P粉340980243

모든 응답(2)
P粉680000555

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

으아악

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

P粉776412597

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

으아악

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

데모

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿