效果展示:
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这个子级的内容
重定向。也就是在进入该页面之前重定向到某个子级。