52-Vue路由命名视图

和具名插槽使用方法类似.实现一个路由地址显示多个视图(组件),这里实现方法,案例分析

image.png

一.实现方法

• 添加多个路由出口并设置name属性

• 给路由配置多个组件

  
  image.png
  image.png
  image.png
• 示意:name为left的出口对应组件one
• name为right的出口对应组件two

二.案例分析

https://m.jd.com/

image.png

• 首页路由对应多个组件(路由出口)