Vue 3 - ルート コンポーネントでコンポーネントとミックスインを使用する方法は?

Question

構文を Vue 2 から Vue 3 に変換しようとしましたが、Vue 2 でこれが表示された場合、mixins および components を含める方法がわかりません。コード:

「./App.vue」からアプリをインポート;

const app = 新しい Vue({
  ミックスイン: [globalMixin]、
  ルーター、
  el: '#app',
  店、
  コンポーネント: {
     もの、
       こんにちは
  }、
  レンダリング: h => h(アプリ)
});

私の理解が正しければ、これは Vue 3 の構文です。

const app = createApp(App)
アプリ
.use(ストア)
.use(ルーター)
 
app.mount('#app')

Vue 2 の例にはミックスインと 2 つのコンポーネントがありますが、それらを Vue 3 の構文に追加するにはどうすればよいですか? app.component('Thing', Thing) を実行してコンポーネントを追加できますが、これは 1 つのコンポーネントにすぎません。1 つずつ追加する必要がありますか?ブレンドしてみるとどうでしょうか？

Answer 1

Vue 3 では、アプリケーション API mixin メソッドを使用できます。

リーリー

コンポーネントの場合は、1 つずつ追加できます。この方法のほうがわかりやすいので、私はこの方法を好みます。

Answer 2

Vue 3 では、ルート コンポーネントでローカル コンポーネントの登録とミックスインが可能です (グローバル名前空間の汚染を避けたい場合に非常に便利です)。 extendsoptions を使用して App.vue のコンポーネント定義を拡張し、独自の mixins と components を追加します。オプション：

リーリー

コンポーネントを 1 つずつ登録することは、特にコンポーネントが少数しかない場合には、良い方法のように思えます。

＃＃＃＃＃＃デモ＃＃＃＃＃＃