0 VUE-CLI実装プロセス:index.htmlを - > main.js - > App.vue
1.のindex.htmlファイルは、プロジェクト全体を足場の入り口です。
ラベルのショーをもつこのタグ内に置かれ、次のように、すべてのページまたはアイテムをエクスポートします。
<DIV ID = "アプリ"> </ div>
2. main.jsのIDセレクタは、index.htmlをでdivタグを選択するために使用され、あなたはApp.vueスロー文書をロード
アプリのコンポーネント、注意を払うには、最初の文字が大文字コンポーネント名をインポートします。
「VUE」からインポートVueの
「./App.vue」からインポートSppを
新しいヴュー({
レンダリング:H => H(SPP)、
})。$マウント( '#アプリ')
3.テンプレートがスクリプトタグで定義されたHTMLタグにスローApp.vue;タグテンプレート文法に従ってのVUE
その後、書き込みタグ、テンプレート構文など、スクリプトタグ内のデータを使用して、など
輸出のデフォルト{
名: 'SPP'、
データ(){
リターン{
MSG: "VUE-CLI初识"、
}
}}
4.コンポーネントを使用します:
グローバルコンポーネントの定義:
1.次のように組み立てグローバルmain.jsで定義されました。
呼び出さcustom_nameへタグとして定義され、このステップカスタムコンポーネントは、直接他の部品に使用することができます
<Custom_name> </ custom_name>タグのようなテンプレートタグApp.vueなどのカスタムコンポーネントへの直接参照、
導入せずに直接定義されたルートdivタグ。
2.次のようにFromFile.vueは以下のとおりです。
II。定義ローカルアセンブリ
最も一般的に使用されるローカルコンポーネントの定義、ローカルアセンブリであり、成分自体の含有量が世界的に成分、成分の異なる位置に導入することを除いて、不変
Vueのことでmain.jsを局所的に組み立て、スクリプトタグで参照されたページで必要とされるローカルでAPP.vueページによって本明細書に組み込ま導入しました
例としてコンポーネント:
上記ラベルで定義されるように、ラベルは、これがローカルであることを、このページでは、音符使用custom_nameかもしれアセンブリ、このページのみを使用することができます
他の場所またはコンポーネントを基準にすることはできません。