「テンプレート： 『<App/>』」

Question

私はVUEのWebPACKのテンプレートを使用する場合、私はこのようなコード、

/* eslint-disable no-new */ 
new Vue({ 
    el: '#app', 
    router, 
    template: '<App/>', // <-- 
    components: { App } 
}) 

私は、これが何を意味するか知っているを発見しましたなぜちょうどここに半分のタグが必要なのだろうか？これは省略形ですか？私はvue jsの公式文書をチェックして何の手がかりも見つけていない。

Answer 1

それが唯一の文字列テンプレート（template: '....'または.vueファイル）ではなく、あなたの.htmlページ内で-DOMテンプレートで働く

<App></App> 

のために短いです。文字列テンプレートをタッチすることはありませんので

理由は

（これらの自己閉鎖部材はしかし、すなわち<img src="http://..."/>、HTMLの仕様の以前のバージョンに存在していた）この短い形式は、最新の仕様の後に有効なHTMLではないということですブラウザのDOMエンジンによって、これらのショートカットを許可することができます。