vue項目首頁造成原理

　　vue項目啓動後（npm run dev），首先會執行index.html，而後會去執行main.js這兩個重要文件。下面以搭建腳手架vue項目爲例進行講解

　　首先index.html頁面以下

　　

　　這是項目的入口文件，也是整個項目的容器，全部頁面開發都是掛載在<div id="app"></div>這個容器裏，id=app是標誌

　　main.js頁面以下

　　

　　首先導入Vue，來實例化一個Vue對象，導入組件import App from './App'，取名App，相對路徑是./App。

　　el：就是掛載index頁面的id

　　components：導入組件須要註冊

　　template：經過<App/>這個標籤引入App這個組件，這樣就把App組件掛載index頁面id=app容器裏

　　App組件以下

　　

　　template下面只能有一個根標籤，而後又在App組件引入HelloWorld組件

　　下面看一下vue項目首頁的dom

 

　　全部的組件掛載在id=app容器裏