作用描述
<router-view>
标签是用来渲染路由对应的组件的位置;
默认情况下,一个路由是只对应一个组件的。
但是,可以通过给<router-view>
指定 name 属性的方式,实现同时渲染多个组件的效果。
这也叫做命名视图
。
注意点
1、因为一个路由需要对应多个组件,所以在进行路由配置时需要使用
components
来代替component
;
2、在使用
<router-view>
时指定name
属性,不指定的,默认是default
;
3、
components
中使用key-value
的形式配置组件,
key
: 就是<router-view>
的 name 属性的值
value
: 就是要渲染的组件