vue jsで外部テンプレートをインポートするには？

Question

私はvue jsの初心者ですが、私は正しいかどうかを尋ねているのではないでしょうか。

私はLaravel 5.3 - Vue Js Appのために以下のタイプの構造を作りたいと思っています。

1. 私-vue.js

   Vue.component('my-component', { 
        template: 'template from Catgory.Vue' 
   }) 
   
   new Vue({ 
       el: '#example' 
   }) 
   

2. Category.vue

   <template> 
       <div> 
        // some code goes here 
       </div> 
   </template> 
   

3. index.blade.php私がカテゴリーからテンプレートを使用するにはどうすればよい

   <div id="example"> 
       <my-component></my-component> 
   </div> 
   

   テンプレートattriの.vue Vue.componentのbute？または、よりよいアプローチを提案してください。

Answer 1

このlinkは[VueJsのテンプレートの可能性のある重複

Vue.component('my-component', { 
    template: require('./Category.html') 
}); 
new Vue({ 
    el: '#example' 
}) 

Category.html.js

module.exports = ` 
    <div>Hello, {{ name }}!</div> 
`;