vue根据后台传回的菜单动态生成路由

好的，针对您的问题，我可以给您提供以下思路：

1. 在后台定义好菜单数据，包括菜单名称、路由路径、组件名称等信息；
2. 在前端通过接口获取后台传回的菜单数据；
3. 根据菜单数据动态生成路由配置，这可以借助 Vue Router 提供的 addRoutes 方法实现；
4. 将生成的路由配置注入到 Vue Router 中。

具体实现可以参考以下代码示例：

// 定义菜单数据
const menuData = [
  {
    name: '首页',
    path: '/home',
    component: 'Home'
  },
  {
    name: '用户管理',
    path: '/user',
    component: 'User'
  },
  // ...
];

// 获取菜单数据接口示例
async function getMenuData() {
  const res = await fetch('/api/menu');
  return res.json();
}

// 动态生成路由配置
function generateRoutes(menuData) {
  const routes = [];

  menuData.forEach(menu => {
    const route = {
      path: menu.path,
      name: menu.name,
      component: () => import(`@/views/${menu.component}.vue`)
    };
    routes.push(route);
  });

  return routes;
}

// 注入动态生成的路由配置
const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: Layout,
      children: []
    }
  ]
});

getMenuData().then(menuData => {
  const routes = generateRoutes(menuData);
  router.addRoutes(routes);
});

以上代码仅供参考，具体实现根据项目需求和实际情况进行调整。