vue-cli脚手架中的路由（vue-router）01

1. 要在vue-cli中只用vue的路由，要先在当前项目中安装vue-router，然后再进行配置。

安装路由的终端命令

$ npm install vue-router --save

终端安装vue-router

2. 配置路由（示例路由文件：page1.vue和page2.vue）

（1）vue中的组建和路由文件都在components文件夹下

components文件夹

（2）在page1.vue和page2.vue中写入测试数据。

（3）vue-cli脚手架中路由的配置是在逻辑入口文件main.js中

main.js

（4）配置成功之后运行页面

点击Go to Page1 点击Go to Page2

---

你所羡慕的一切，都是有备而来。