weixin_30376509

vue-router单页应用简单示例（二）

我们先来理一下思路。

图1:main.js

引入vue,App.vue,router/index.js文件

声明要渲染的Id为app，将App.vue中的模版渲染到入口界面（就是打开localhost:8080会看到的那个页面）。

图2:App.vue

router-view是显示路由内容的地方，比如/index. 就会显示index.vue中的模版。

图3:router/index.js

可以看到引入了components目录下的Home.vue,Detail.vue。