株洲市区网站建设公司,网络推广好做吗,上海发布公众号app,在centos做网站命名视图可以使得同一级#xff08;同一个组件#xff09;中展示更多的路由视图#xff0c;而不是嵌套显示#xff0c; 命名视图可以让一个组件中具有多个路由渲染出口#xff0c;这对于一些特定的布局组件非常有用。
应用场景#xff1a;
比如点击login切换到组件A同一个组件中展示更多的路由视图而不是嵌套显示 命名视图可以让一个组件中具有多个路由渲染出口这对于一些特定的布局组件非常有用。
应用场景
比如点击login切换到组件A点击reg切换到组件BC就可以使用 const routes:ArrayRouteRecordRaw [{path:/, //路径name:Home, //路由名称component: ()import(../components/Home.vue),children:[{path:/user1, name:A, components:{default:()import(../components/A.vue),}},{path:/user2, name:B, components:{bbb:()import(../components/B.vue),ccc:()import(../components/C.vue)}}]}
]
对应Router-view 通过name 对应组件 divrouter-link to/user1 stylemargin-right: 20px; login/router-linkrouter-link to/user2 reg/router-link!--默认的渲染出口对应default中的组件--router-view/router-view!--具名路由name展示components中对应名称的组件--router-view namebbb/router-viewrouter-view nameccc/router-view/div 注在components中使用后边有s
