vue-router: 嵌套路由
来源:互联网 发布:淘宝健身教练靠谱吗 编辑:程序博客网 时间:2024/05/22 14:23
模板抽离
我们已经学习过了Vue模板的另外定义形式,使用<template></template>
。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
然后js里定义路由组件的时候:
- 1
- 2
- 3
- 1
- 2
- 3
路由嵌套
实际应用界面,通常由多层嵌套的组件组合而成。
比如,我们 “首页”组件中,还嵌套着 “登录”和 “注册”组件,那么URL对应就是/home/login
和/home/reg
。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
这是访问/home
后的模板,其中我们需要把/home/login
和/home/reg
渲染进来。
完成上面代码后,HTML结构如下图:
- 登录和注册2个组件
- 1
- 2
- 3
- 4
- 5
- 6
- 1
- 2
- 3
- 4
- 5
- 6
- 1
- 2
- 3
- 1
- 2
- 3
3.定义路由
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
注意我们在home
路由配置了它的children。这就是嵌套路由。
4.案例全部代码如下:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
0 0
- vue-router: 嵌套路由
- vue-router: 嵌套路由
- vue-router -- 嵌套路由
- vue-router嵌套路由
- Vue-Router(一) 嵌套路由
- vue-router嵌套路由详解
- Vue-router嵌套路由的使用
- Vue--router-->>项目多路由嵌套--常用
- vue router学习——动态路由和嵌套路由
- vue基础动态路由,嵌套路由router-link切换
- vue-router菜鸟进阶!(嵌套路由VS命名路由)
- Vue 之 vue-router 路由嵌套不显示问题
- vue 路由vue-router
- vue路由 vue-router
- Vue 路由 vue-router
- vue-router 路由
- vue-router路由
- vue-router 路由
- 【hdoj_1398】SquareCoins(母函数)
- 1.java和oracle安装
- js 多文件上传
- 算法笔记
- Android一些自定义控件
- vue-router: 嵌套路由
- ffmpeg常用基本命令(转)
- poj 3267 The Cow Lexicon(枚举+DP) @
- JMS基本概念(入门)
- 分布式服务框架学习笔记6 Motan试用
- Jmeter性能测试 入门
- webrtc中的网络反馈与控制
- 排序算法精讲(全)
- jQueryPager分页