vue路由嵌套
2018-01-04 14:14
344 查看
我们知道vue是专门用来做单页面程序的即所谓的spa技术,但是我们的很多业务中肯定会有一些多页的业务逻辑那么我们该怎么实现呢,这就涉及到了我们所谓的路由嵌套!
而在代码当中我们需要注意的地方有两点:视图包含试图以及路由父子集关系!
视图包含视图:
路由父子集关系:
而在代码当中我们需要注意的地方有两点:视图包含试图以及路由父子集关系!
视图包含视图:
let router = new VueRouter({ //routes routes: [{ path: '/', components: { header: footer, default: header, footer: footer } } ] });
路由父子集关系:
let router=new VueRouter({ routes:[ {path:'/',redirect:{name:'music'}}, {name:'music',path:'/music',component:Music, children:[{name:'music_oumei',path:'oumei',component:Oumei},{name:'music_guochan',path:'guochan',component:Guochan}]} ] });
相关文章推荐
- 解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题
- vue嵌套路由 && 404重定向
- Vue 嵌套路由代替iframe
- 讲解vue-router之什么是嵌套路由
- Vue之动态路由、嵌套路由
- vue-router: 嵌套路由
- vue-11-路由嵌套-参数传递-路由高亮
- vue 基础-->进阶 教程(3):组件嵌套、组件之间的通信、路由机制、slot传值
- vue基础动态路由,嵌套路由router-link切换
- 深入Vue-Router路由嵌套理解
- Vue--router-->>项目多路由嵌套--常用
- vue-router: 嵌套路由
- vue-router菜鸟进阶!(嵌套路由VS命名路由)
- 基于vue-cli的vue项目之路由4--嵌套路由
- vue.js嵌套路由-------由浅入深
- vue 路由嵌套高亮问题的解决方法
- vue 刷新之后 嵌套路由不变 重新渲染页面的方法
- 【Vue】2.vue2.0路由及路由嵌套
- 在html中使用Vue 路由嵌套-实现数据请求
- Vue 路由嵌套、数据请求、组件