Wie importiere ich eine externe Vorlage in vue js?

Question

Ich bin Anfänger zu vue js, nicht sicher, ob ich richtig frage oder nicht.

Ich möchte folgende Art von Struktur für meine Laravel 5.3 - Vue Js App machen.

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> 
   

   Wie ich Vorlage von Kategorie verwenden können .vue in Vorlageattri bute von Vue.Component? Oder schlage mir einen besseren Ansatz vor.

Answer 1

diese link konnte

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

Category.html.js

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