vue はコンポーネントをどのように参照しますか

1. Vueコンポーネント内で参照する必要があるサブコンポーネントを定義します。例えば：

   // 子组件
   Vue.component('my-component', {
     template: '<div>A custom component!</div>'
   })
   

2. 親コンポーネント内で子コンポーネントを参照します。例えば：

   // 父组件
   new Vue({
     el: '#app',
     template: '<div><my-component></my-component></div>'
   })
   

   この例では、コンポーネントを定義し my-component 、それを親コンポーネントのテンプレートで使用します。親コンポーネントがレンダリングされると、 my-component そのコンポーネントが参照されて表示されます。

   注: Vue の単一ファイル コンポーネント (ファイル) を使用している場合は、 コンポーネントをインポートするために.vue使用できます 。import例えば：

   import myComponent from './myComponent.vue'
   
   export default {
     components: {
       'my-component': myComponent
     }
   }
   

   import この例では、インポートされた単一ファイル コンポーネント を 使用し myComponent.vue、それを子コンポーネントへの参照として components 親コンポーネントのオプションに追加します。次に、親コンポーネントのタグを使用して、 my-component このコンポーネントを参照および表示できます。