使用到vue專案的檔案包括乙個.html，兩個.js，兩個.vue檔案，關係如上圖所示
由圖可見，檔案關鍵處在於main.js，管理著所有需要的資源，其中new vue的引數，解釋如下：
el：官方解釋為例項提供掛載的元素。此處為index.html中的
router：為router:router,的簡寫，指向引入檔案中的routes:
components：註冊哪些元件，需在頂部引入檔案。
template：替換掛載元素的模板元件，而掛載元素的內容都將被忽略。即用template替換index.html裡面的
此時，可知main.js檔案呼叫關係分為三步，如圖中序號
注入路由器router：
注入（import）路由時指定的是router資料夾，即資料夾下所有routes
router資料夾下此時只有index.js檔案，其中routes:規定了檔案位址及其url位址對映
根據檔案位址，載入元件（first.vue），元件被渲染在中，顯示在index.html中
然而追本溯源，呼叫關係中仍有兩個問題：
index.html為何預設顯示？
其實，雙擊執行npm中dev時，控制台將執行如下語句：
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
new htmlwebpackplugin(),
main.js為何預設載入？
因為使用的腳手架工具vue-cli裡用webpack來打包專案檔案，webpack.dev.conf檔案裡還定義了webpack基礎配置檔案webpack.base.conf.js，定義語句如下：
const basewebpackconfig = require('./webpack.base.conf')
而檔案webpack.base.conf.js中，包含如下語句，指定了入口：
二 Vue 頁面渲染過程
上篇博文我們依葫蘆畫瓢已經將hello world 展現在介面上啦，但是是不是感覺新虛虛的，總覺得這麼多檔案，專案怎麼就啟動起來了呢？怎麼訪問到8080 埠就能進入到我們的首頁呢。整個的流程是怎麼樣的呢？我也是剛剛接觸，所以就會有這樣的困惑，所以這篇就簡單的理解一下專案頁面渲染的過程。我們上篇文章說...
div設定高度 vue 二 Vue 頁面渲染過程
上篇博文我們依葫蘆畫瓢已經將hello world 展現在介面上啦，但是是不是感覺新虛虛的，總覺得這麼多檔案，專案怎麼就啟動起來了呢？怎麼訪問到8080 埠就能進入到我們的首頁呢。整個的流程是怎麼樣的呢？我也是剛剛接觸，所以就會有這樣的困惑，所以這篇就簡單的理解一下專案頁面渲染的過程。我們上篇文章說...
vue學習 從零搭建vue webpack專案
vue專案搭建依賴node的npm包管理器，所以我們先得安裝node，此處就不詳細講解其安裝過程。npm install g vue cli安裝成功後可以輸入vue檢視相關命令的使用，輸入vue list可以檢視vue可以用的模板 我們這裡選擇webpack模板 vue init webpack p...