Vue点击导航菜单下的某一选项，另一个组件加载相对应的数据，如何实现？

这段代码应该是有问题，运行之后出不来东西，只要解决加载不同数据的问题就好。

很简单呀，通过for循环将每一个元素遍历即可，然后点击路由，携带参数进行跳转加载不就好啦，例如

<el-container>
      <el-aside width="200px">
        <el-menu
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
          router
        background-color="#d3dce6">
          <el-menu-item v-for="cate in cates" :index="'mobile/display?cid='+cate.id.toString()" :key="cate.id">
            <i class="el-icon-mobile"></i>
            <span slot="title">{{cate.name}}</span>
          </el-menu-item>
        </el-menu>
      </el-aside>
      <el-container>

如有帮助，请采纳一下，谢谢

这个应该是很简单的啊，路由加载不通组件就可以啊

请提供代码，因为你这样说很难明白你问题出在哪，如果只是加载相应输出，只要你绑定数据修改状态没问题按理说不会有错。