Vue router 默认加载 views 文件夹下全部vue文件
默认将 src/views 文件夹下的全部 vue 文件加载为路由页。修改文件 src/router/index.js 即可:import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)// 遍历 views 文件夹下的全部 vue 文件const requireViews= require.context('.
·
默认将 src/views 文件夹下的全部 vue 文件加载为路由页。修改文件 src/router/index.js 即可:
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
// 遍历 views 文件夹下的全部 vue 文件
const requireViews = require.context('../views', true, /\w+\.vue$/);
// 获取所有组件对象,遍历设置
const routes = requireViews.keys().map((viewPath, index) => {
let viewName = viewPath.split('.vue')[0].substr(2);
return {
path: viewName === 'index' ? '/' : `/${viewName}`,
name: viewName,
component: () => import(`../views/${viewName}.vue`)
}
});
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
export default router
更多推荐
已为社区贡献33条内容
所有评论(0)