Vue实现点击不同的菜单页切换局部页面

效果展示：

QQ录屏20240307112559

界面标签格式：

myMenu组件：

先给menu开启router属性，设置为true  ，默认的是false。

并把menu菜单栏里对应的文字标签改为<router-link>  

routerlink 相关：

myLayout父组件：

<!--  在想要变换页面的地方放入这个router-view，就行-->
    <router-view></router-view>

这里在Content 里面 进行切换页面

components：这里是组件的复用，我理解为可以给一个组件绑定上下级的关系， myLayout 就是父组件，top，menu，Content 就是子组件， 被包含在myLayout里面。

在myContent里面中部区域 也就是class=“content ”区域中 也放入 router-view 

配置index.js文件：

根据自己默认要展示的页面进行配置。

需要继续解决一些问题，问题一，进入页面的时候默认展示/home这个子级的内容

重定向。也就是在进入该页面之前重定向到某个子级。