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

Question

私はvue jsの初心者ですが、正しいかどうかはわかりません。

私のLaravel 5.3-Vue JsApp。

1. my-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> 
   

   Vue.componentのテンプレート属性でCategory.vueのテンプレートを使用するにはどうすればよいですか？または私にもっと良いアプローチを提案してください。

Answer 1

これ リンク 便利です

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

Category.html.js

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