Vue-router命名视图如何灵活运用在复杂页面布局中?

2026-04-06 20:510阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计615个文字,预计阅读时间需要3分钟。

Vue-router命名视图如何灵活运用在复杂页面布局中?

有时想同时(同级)展示多个视图,而不是嵌套展示,例如创建一个布局,包含sidebar(侧导航)和main(主内容)两个视图,此时命名视图就体现了其使用场景。

有时候想同时(同级)展示多个视图,而不是嵌套展示,例如创建一个布局,有 sidebar(侧导航) 和 main(主内容) 两个视图,这个时候命名视图就派上用场了。你可以在界面中拥有多个单独命名的视图,而不是只有一个单独的出口。如果 router-view 没有设置名字,那么默认为 default。

如果按照他解释的这么简单的话,完全可以在根组件app.vue里直接引入sidebar组件,注册,渲染。没必要多此一举。既然可以在route.config.js里面灵活配置,那就可以灵活的用。

阅读全文

本文共计615个文字,预计阅读时间需要3分钟。

Vue-router命名视图如何灵活运用在复杂页面布局中?

有时想同时(同级)展示多个视图,而不是嵌套展示,例如创建一个布局,包含sidebar(侧导航)和main(主内容)两个视图,此时命名视图就体现了其使用场景。

有时候想同时(同级)展示多个视图,而不是嵌套展示,例如创建一个布局,有 sidebar(侧导航) 和 main(主内容) 两个视图,这个时候命名视图就派上用场了。你可以在界面中拥有多个单独命名的视图,而不是只有一个单独的出口。如果 router-view 没有设置名字,那么默认为 default。

如果按照他解释的这么简单的话,完全可以在根组件app.vue里直接引入sidebar组件,注册,渲染。没必要多此一举。既然可以在route.config.js里面灵活配置,那就可以灵活的用。

阅读全文