其实就是对路由配置和实例化的过程进行js封装,挂载路由的时候依然在main.js中;
步骤:
1.在src文件夹下新建一个router文件夹,在router文件夹下新建文件router.js;
2.引入vue实例,把之前配置路由和实例化路由的步骤搬过来;
3.使用export defult router把路由实例被暴露出去
4.main.js中引用router实例并挂载;
import Vue from 'vue';
import App from './App.vue';
import router from './router/router.js';
//4.挂载路由
new Vue({
el: '#app',
router,
render: h => h(App)
})//这样main.js的代码界面就清爽多了
注意:封装的时候只把有关路由配置和实例化的过程封装就好,请求数据什么的还放在main.js中;