命名视图
有时想同时展示多个视图,例创建一个布局,有
sidebar
(侧导航)和main
(主内容)两个视图。这时命名视图就可以实现这些需求,界面中可以拥有多个单独命名的视图,而不是只有一个单独的出口。如果touter-view
没有设置名字,则默认为default
。
例:
<router-view class="view one"></router-view>
<router-view class="view two" name="a"></router-view>
<router-view class="view three" name="b"></router-view>
// router文件夹中的index.js
const router = new VueRouter({
routes: [
{
path: '/',
components: {
default: Foo,
a: Bar,
b: Baz
}
}
]
})