VUE main.jsで、index.htmlを、app.vueファイル間の関係

初期Vueのプロジェクトでは、我々は最初に接触するmain.js、index.htmlを、App.vueこの3つのファイルであります

main.js ---エントリファイル

index.htmlを---ホームプロジェクトエントランス

App.vue ---ルートコンポーネント

インスタントブラウザが開き、ブラウザは即座セクションで定義されたテキスト本文の一部が表示されますindex.htmlを

概要<DIV ID = "アプリケーション"> </ div>のindex.htmlを本体

main.jsのエントリとしてmain.jsプロジェクトファイルによって、Vueの例では、Vueの例を作成します

「./App.vue」からの輸入のApp

新しいヴュー（{ 
  EL：' #app ' 、
  コンポーネント：{アプリケーション}、
  テンプレート：' <APP /> ' 
}）

例としては、index.htmlの位置にロードされ、

次に、成分の例は、ローカルアプリケーションに登録されています

テンプレートは、テンプレートがマウントポイントでオリジナルのコンテンツを置き換えます、テンプレートの内容コンポーネントApp.vueです

概要：プロジェクトの動作では、プロジェクトファイルの入り口としてmain.js、実行、初めに、すなわちindex.htmlを、位置をマウントする必要性の例を見つける、index.htmlをの内容でマウントポイントが表示されます。しかしそれは、テンプレート内のコンポーネントのインスタンスの内容に置き換えられましたので、私たちは瞬間が体内にindex.htmlをの内容を表示するために表示されます。

一部タイトルのindex.htmlは、それが残ります、置き換えられません。