请看案例

// 该路由对应页面的 组件 :方案1(同步)
// component: constantRouterComponents[item.component || item.key],
// 该路由对应页面的 组件 :方案2 (动态加载)
component: (constantRouterComponents[item.component || item.key]) || (() => import(`@/views/${item.component}`)),

export function generateMenu(routes, data) {
  data.forEach(item => {
    const menu = {
      path: item.path,
      component: item.component === 'Layout' ? Layout :  (() => import(`@/views/${item.component}`)),
      hidden: item.visible !== '0',
      children: [],
      name: item.menuName,
      meta: {
        title: item.title,
        icon: item.icon,
        noCache: true
      }
    }
    if (item.children) {
      generateMenu(menu.children, item.children)
    }
    routes.push(menu)
  })
}

OR

component: (resolve) => require(['@/views' + view], resolve)

我一开始用得vue-admin-template模板 然后在要把路由列表给后台 调接口根据权限返回对应的路由列表 请问有没用一个好的案例啊 来自一位刚接触前端没多久的菜鸟提问 请大佬们解惑。