说明
vue-router
中的index
文件随着项目的增大,为了保证项目的可维护性,可以对路由文件进行拆分。
拆分
例如,在router
文件夹下创建一个demo/index.js
文件。
import Home from "../../views/Home";
export default [
{
path: '/',
name: 'Home',
component: Home
}
]
在router/index.js
文件中:
import demo from './demo/index'
const router = new VueRouter({
routes: [
...demo
]
})