Vue 路由的模块化

其实就是对路由配置和实例化的过程进行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中;

 

转载于:https://www.cnblogs.com/changedman/p/9227518.html