52-Vue路由命名视图
2019-03-04 本文已影响5人
梦想成为小仙女
和具名插槽使用方法类似.实现一个路由地址显示多个视图(组件),这里实现方法,案例分析
一.实现方法
- 添加多个路由出口并设置name属性
-
给路由配置多个组件
image.png
image.png
image.png - 示意:name为left的出口对应组件one
- name为right的出口对应组件two
二.案例分析
image.png- 首页路由对应多个组件(路由出口)
和具名插槽使用方法类似.实现一个路由地址显示多个视图(组件),这里实现方法,案例分析
给路由配置多个组件