如何在vue js中导入外部模板？

Question

我是vue js的初学者，不确定我是否要求正确。

我想为Laravel 5.3-Vue Js App创建以下结构类型。

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的template属性中使用Category.vue中的模板？或建议我更好的方法。

Answer 1

这个链接可能有用

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

类别.html.js

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