vue中命名视图
来源:互联网 发布:淘宝新店写给顾客的话 编辑:程序博客网 时间:2024/06/04 18:57
命名视图
有时候想同时(同级)展示多个视图,而不是嵌套展示,例如创建一个布局,有 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中命名视图
- Vue 命名视图是个啥?
- vue-router命名视图
- vue 命名视图
- vue-router -- 命名路由和命名视图
- vue数组中数据变化但是视图没有更新解决方案
- vue中对象属性改变视图不更新问题
- vue数组中数据变化但是视图没有更新解决方案
- vue数组中数据变化但是视图没有更新解决方案
- vue组件命名问题
- vue 开发命名规范
- vue命名路由
- vue-router命名路由
- Vue 组件命名
- vue组件中camelCased (驼峰式) 命名与 kebab-case(短横线命名)
- router-view命名视图
- vue-router 之命名路由
- Vue遇到的bug-02(vue中修改了数据但视图无法更新的情况)
- 文件在线预览和下载的实现
- Softmax函数
- Android之使用GPS和NetWork定位
- 获取手机型号
- BZOJ 1655 [Usaco2006 Jan] Dollar Dayz 奶牛商店 01背包+高精度
- vue中命名视图
- spring核心
- Java中集合 练习 计算疯狂值
- HDU 1512 Monkey King(左偏树)
- 训练3+ H-Palindrome Number
- TI am335x 内核分析----以太网移植
- 新闻
- 简单的版本更新
- vue项目通过webpack打包生成的dist文件放到express里边运行(vue+webpack+express)