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> 
`;