美文网首页
Vue的命名视图

Vue的命名视图

作者: 依依玖玥 | 来源:发表于2017-07-12 22:28 被阅读0次

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

一个视图使用一个组件渲染,因此对于同个路由,多个视图就需要多个组件。确保正确使用components配置(带上 s):

在 浏览器页面的展示效果为在同一位置展示不同的视图,通过vue的命名视图来实现

相关文章

  • vue命名视图

    命名视图 定义:同一路由,多种路径步骤:1.页面上: 2.配置路由规则时:

  • Vue的命名视图

    有时候想同时(同级)展示多个视图,而不是嵌套展示,例如创建一个布局,有sidebar(侧导航) 和main(主内容...

  • vue路由--命名视图

    有时候想同时(同级)展示多个视图,而不是嵌套展示,例如创建一个布局,有 sidebar(侧导航) 和 main(主...

  • vue 命名路由和命名视图

    命名路由就是给路径添加一个别名省去手写路径直接以别名替代路径 命名视图 有时候想同时 (同级) 展示多个视图,而不...

  • vue-router之命名路由和命名视图

    6、vue-router之命名路由和命名视图 1.首先来说说什么是命名路由? 就是在routers配置路由名称的时...

  • Vue Router 命名路由与命名视图

    命名路由 有时候,通过一个名称来标识一个路由显得更方便一些,特别是在链接一个路由,或者是执行一些跳转的时候。你可以...

  • vue-router: 命名视图

    当需要在同一层级下同时展示多个视图时,需要添加新的router-view并新增name属性指定名字,然后在路由配置...

  • vue路由之视图命名

    关键词:路由

  • vue-router命名路由和命名视图

    命名路由 命名路由是什么(就是给路由配置一个name) 在创建router实例的时候,在routes配置中给某个路...

  • Vue编程式导航、命名路由、命名视图

    前言 正如标题所示,本节我们将对编程式路由、命名路由和命名视图进行初步探索。所谓编程式导航是与前面我们使用的标签式...

网友评论

      本文标题:Vue的命名视图

      本文链接:https://www.haomeiwen.com/subject/cvjihxtx.html