router-link和router-view在同一个页面

router-link和router-view在同一个页面，router-link设置路由跳转，router-view根据路由显示组件

//  chart.vue
 <div class="left">
        <ul>
          <li
            v-for="(item, index) in menu"
            :key="index"
            :class="{ cur: menuIndex === item.menuIndex }"
            @click="setMenuIndex(item.menuIndex)"
            v-show="item.isShow"
          >
            <router-link :to="item.path">{{ item.name }}</router-link>
          </li>
        </ul>
      </div>
<div class="right"><router-view /></div>

// router.js
       {
          path: "/charts",
          name: "Charts",
          component: () => import("@page/charts/charts.vue"),
          meta: {
            needLogin: true,
            title: "报表_CRM系统"
          },
          children: [
            {
              path: "/charts/cusNumStatistics",
              name: "CusNumStatistics",
              component: () =>
                import("@page/charts/cusnumstatistics/cusnumstatistics.vue"),
              meta: {
                title: "客户数量统计_报表_CRM系统"
              }
            },
            {
              path: "/charts/cusActivityStatistics",
              name: "CusActivityStatistics",
              component: () =>
                import(
                  "@page/charts/cusactivitystatistics/cusactivitystatistics.vue"
                ),
              meta: {
                title: "客户活跃度统计_报表_CRM系统"
              }
           }
   //cusNumStatistics.vue 和 cusActivityStatistics模块可以自由的通过在charts.vue中切换
容器在router-view中渲染