Vue路由跳转(二)(路由的模块化封装)

在上一篇文章中写了在main.js里操作路由的跳转
Vue路由跳转(一)
考虑到路由多了的话在main.js里不太好看,所以对路由进行模块化封装。
1、新建文件,src/Router/Router.js
2、将跟路由有关的全放到此文件里(路径有变化,改改)
3、在router.js里要进行vue实例化,所以使用

Vue.use(VueRouter);

4、导入vue:

import Vue from ‘vue’

5、实例化后把router暴露出去

export default router;

6、最后去main.js里导入路由的模块化

import router from ‘./Router/Router.js’

你可能感兴趣的:(VUE,路由)