vue-router具体配置-1

1，安装vue路由(我的代码是用vue2写的，现在如果默认的话装的是vue3支持的4版本)

npm i vue-router@3

2，在main.js入口文件中，引入路由并且“使用”，就可以在new Vue()中写入一个全新的配置项，

import VueRouter from 'vue-router'
Vue.use(VueRouter)

配置项为：

router:router

3，在src目录下新建一个文件夹，名字是router，新建一个文件，名字是index.js，打开index.js开始写

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

到这里其实有些晕，因为不知道在干嘛。。。

我们重新梳理一下，vue执行的过程。先打开main.js文件，开始导入各种文件，当开始导入router时，会打开上述的index.js文件，然后执行里面的内容（也就是配置该应用的路由器），执行完毕后，再继续..最后继续执行new Vue（）。

所以在index.js内要开始配置整个应用的路由。

4，最后，跑一下，如果地址栏出现/#说明路由器配置成功。