第一步、index.html

vue是單頁界面，主窗口通過index.html渲染，默認的http://localhost:8080會去加載index.html，當(dāng)執(zhí)行npm run dev后，main.js會被添加到index.html中

第二步、main.js

main.js是我們的入口文件，主要作用是初始化vue實例，并引入所需要的插件，會用App.vue替換index.html中的id='app'的div

第三步、App.vue

App.vue是我們的主組件，所有頁面都是在App.vue下進行切換的。其實你也可以理解為所有的路由也是App.vue的子組件。所以我將router標(biāo)示為App.vue的子組件；App.vue中添加<router-view/>，用來承載路由組件

第四步、index.js

vue路由會去監(jiān)聽url變化，通過路由配合找到相應(yīng)組件，加載到<router-view/>上，實現(xiàn)頁面切換

注：本文系本人對vue初學(xué)的理解，可能會存在誤解，如有錯誤的地方還望指正