广州商城建站系统,seo建站教程,郑州市住建局官网,网页软件工具应用场景#xff1a;
①比如京东页面的首页、购物车、我的按钮#xff0c;可以点击切换到对应的页面#xff1b;
② 比如 Ant Design左侧这些按钮点击就会切到对应的页面#xff0c;此时可以把左侧按钮放在父路由中#xff0c;右侧的子路由 1.路由配置#xff0c;子路由…应用场景
①比如京东页面的首页、购物车、我的按钮可以点击切换到对应的页面
② 比如 Ant Design左侧这些按钮点击就会切到对应的页面此时可以把左侧按钮放在父路由中右侧的子路由 1.路由配置子路由存放在children中children中还能再嵌套children
const routes:ArrayRouteRecordRaw [{path:/user, //路径name:Footer, //路由名称component:()import(../components/footer.vue), //组件名此处懒加载方式//子路由存放在children中children:[{path:/user, //子路由路径name:Login, //子路由名称component:()import(../components/login.vue)},{path:/user/reg, name:Reg,component:()import(../components/reg.vue)}]}
] 2.父级路由组件中使用 router-view /router-view根据url不同展示不同内容给用户
templaterouter-view /router-viewbr我是父路由divrouter-link to/user stylemargin-right: 20px;login/router-linkrouter-link to/user/regreg/router-link/div
/template
