router-view 属性介绍

1 name属性

<router-link to="/radio">radio</router-link>
<router-view name="radio1"></router-view>
<router-view name="radio2"></router-view>

name属性用来渲染特定组件

在路由的js中必须进行相应的配置，才能生效

const router = new Router ({
     
routes: [
  {
     
   	path: '/radio',
   	name: 'Radio',
   	components: {
     
   		default: Radio,
   		radio1: Radio1,
   		radio2: Radio2
   	}
  }
]
})

根据以上的配置，当radio路由被激活的时候，

<router-view name="radio1"></router-view>
<router-view name="radio2"></router-view>

上面两个标签将会分别渲染Radio1和Radio2这两个组件
当路由router没有被激活的时候，这两个标签就不会生效