vuejs 2 npmなしで子コンポーネントを追加する方法

Question

私はvuejs2を使用して、メインコンポーネントにいくつかのコンポーネントを接続したいと考えています。今、私はこのような何か持つことができます。しかし

var Component ={ 
    template: '<div>1</div>' 
}; 

を、私はテンプレートのように、テンプレート内のものは他のディレクトリからの部分的なHTMLになりたい：「../../ COM/a.html」、私はx-templateを聞いたことがありますが、それを使う方法は分かりません。また、webpack/browserify/npmシリーズ以外のlibがありますか？htmlの最後にスクリプトを追加するだけで直接使用できますか？

Answer 1

あなたが次にコンポーネントファイルで、次の操作を行うことができ

/* yourPath/name.template.html */ 

<div class="myClass"> 
    1 
</div> 

として、あなたのテンプレートファイルを持っている：

export default { 
    template: require('yourRelativePath/name.template.html'), 
    data: function() { 
     return { 
     }; 
    } 
}