vue-router命名视图
来源:互联网 发布:深入浅出java pdf下载 编辑:程序博客网 时间:2024/06/06 14:26
有时候想同时(同级)展示多个视图,而不是嵌套展示,例如创建一个布局,有 sidebar
(侧导航) 和 main
(主内容) 两个视图,这个时候命名视图就派上用场了。你可以在界面中拥有多个单独命名的视图,而不是只有一个单独的出口。如果 router-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>
一个视图使用一个组件渲染,因此对于同个路由,多个视图就需要多个组件。确保正确使用 components
配置(带上 s):
const router = new VueRouter({ routes: [ { path: '/', components: { default: Foo, a: Bar, b: Baz } } ]})
阅读全文
0 0
- vue-router命名视图
- vue-router -- 命名路由和命名视图
- vue-router命名路由
- router-view命名视图
- vue-router 之命名路由
- Vue 命名视图是个啥?
- vue中命名视图
- vue 命名视图
- vue-router菜鸟进阶!(嵌套路由VS命名路由)
- vue-router
- vue-router
- vue-router
- vue-router
- Vue router
- vue-router
- vue-router
- vue-router
- vue-router
- ORA-01830: 日期格式图片在转换整个输入字符串之前结束
- js阻止事件冒泡
- 【GDOI2018模拟7.12】B 矩阵乘法+dp
- 【iOS】第02讲 多线程NSThread/GCD/RunLoop/NSTimer/Socket数据传输
- Yii待条件的查询问题
- vue-router命名视图
- opencv教程(一)(c++)
- SQL Server CLR全功略之三---CLR标量函数、表值函数和聚合函数(UDA)
- eclipse配置Maven
- jQuery中on与click的区别
- 快速排序
- hdu2209
- TFFRCNN修改自己的样本
- Test 2 for NOIP- Result for Day1