vue路由跳转，左边的菜单栏不变，右边页面改变

你可以使用 Vue Router 的嵌套路由来实现这个效果。具体步骤如下：

1. 在你的 Vue 项目中，打开路由文件（一般是 `router/index.js`）。
2. 创建一个父级路由用于容纳菜单栏和右边的页面。可以将其命名为 `MainLayout`（或任何你喜欢的名称）。
3. 在 `MainLayout` 路由下定义两个子路由：一个用于菜单栏，另一个用于右边的页面。
4. 在菜单栏的子路由中配置对应的组件，这个组件将会始终保持不变。
5. 在右边页面的子路由中配置对应的组件，这个组件将会根据路由变化而改变。

下面是一个示例代码：

// router/index.js

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

const router = new Router({
  routes: [
    {
      path: '/',
      name: 'MainLayout',
      component: MainLayout,
      children: [
        {
          path: 'menu',
          name: 'Menu',
          component: Menu,
        },
        {
          path: 'page1',
          name: 'Page1',
          component: Page1,
        },
        {
          path: 'page2',
          name: 'Page2',
          component: Page2,
        },
      ],
    },
  ],
});

export default router;

在上述代码中，`MainLayout` 是父级路由，`Menu` 组件是菜单栏的子路由，`Page1` 和 `Page2` 组件是右边页面的子路由。当你在浏览器中访问 `http://yourdomain.com/menu` 时，菜单栏的内容不变，右边页面显示 `Menu` 组件。当你访问 `http://yourdomain.com/page1` 时，菜单栏的内容不变，右边页面显示 `Page1` 组件。以此类推。

请注意，上述示例只是一种实现方式，具体根据你的项目需求进行调整。