Vue视频教程系列第三十七节-子路由地配置

　　子路由即为设置的子页面的路径。子页面或者说子组件会有一个父页面或者父组件，设置子路由需要在router.js里进行设置，是谁的子页面就在其父路由里进行设置。

　　首先在router.js里配置如下

　　1. 首先引入子页面 import About1 from ‘./views/About1.vue’

　　2. 在about的路由设置里设置

　　Children: [

　　{

　　path: ‘about1’,

　　component: About1

　　}

　　]

　　其实就是在about路由里配置children数组，这个数组里同样是对象的集合，里面有path,name,component等，与配置其父路由是一样的。

　　只是需要避开一个小坑—设置path时，一定不要加’/’，加了’/’说明是在根路径下了，而不是其父路径下的了。切记。

　　接下来就是在DOM里应用这个路由

　　应用路由同我们之前讲的是一模一样的了，同样是在里的to属性里设置路径。这里设置路径的时候，需要从父路径开始的完整的路径。

　　以上就是这些内容，比较简单。一开始并没有将其规划在课程当中，后来就小伙伴们问，也为了一个课程的完整性，所以附加这么一节课。

　　就到这里了，休息休息一会儿吧：）明天继续加油噢！

Vue视频教程系列第三十七节-子路由地配置相关推荐

Python编程基础：第三十七节石头剪刀布游戏Rock, Paper, Scissors Game
第三十七节石头剪刀布游戏Rock, Paper, Scissors Game 前言实践前言我们这一节的内容主要是对前边学习内容的一个综合应用,以石头,剪刀,布游戏为例讲解列表.随机数.用户输入 ...
【SQL开发实战技巧】系列（三十七）：数仓报表场景☞从表内始终只有近两年的数据，要求用两列分别显示其中一年的数据聊行转列隐含信息的重要性
系列文章目录 [SQL开发实战技巧]系列(一):关于SQL不得不说的那些事 [SQL开发实战技巧]系列(二):简单单表查询 [SQL开发实战技巧]系列(三):SQL排序的那些事 [SQL开发实战技巧] ...
（转）第三十七节、人脸检测MTCNN和人脸识别Facenet(附源码)
http://www.cnblogs.com/zyly/p/9703614.html 在说到人脸检测我们首先会想到利用Harr特征提取和Adaboost分类器进行人脸检测(有兴趣的可以去一看这篇博客第 ...
[extjs5学习笔记]第三十七节 Extjs6预览版都有神马新东西
本文在微信公众号文章地址:微信公众号文章地址本文地址:http://blog.csdn.net/sushengmiyan/article/details/45190485 [TOC] 在Ext JS ...
第三十七节 java学习——color类
color类是用来封装颜色的,使用color对象较为简单的方法是直接使用color类提供的预定义的颜色.像红色color.red,橙色color.orange等,也可以使用RGB颜色模式进行定义.所谓 ...
MATLAB实战系列（三十七）-MATLAB基于PQ解耦风电场并网潮流计算
前言文中涉及代码请参见电力系统仿真-MATLAB基于PQ解耦风电场并网潮流计算 IEEE30节点.14节点.4节点标准算例,潮流计算的功能:风力发电机组并网潮流计算,并网对大电网的影响. 以下是我 ...
ajax nginx 转发 sessionid_Termux系列教程(三)：手把手教你安装配置php+nginx！
大家好,这里是「手机编程」,我是作者:舞剑,记得「关注我」今天是Termux系列第三节,我来讲讲怎么安装 PHP 与 Mysql,然后用 Termux 搭建一个网站. PHP 全球有几乎95%的网 ...
Vue 进阶系列（一）之响应式原理及实现
Vue进阶系列汇总如下,欢迎阅读. Vue 进阶系列(一)之响应式原理及实现 Vue 进阶系列(二)之插件原理及实现 Vue 进阶系列(三)之Render函数原理及实现什么是响应式Reactivit ...
【SQL开发实战技巧】系列（四十七）：Oracle12C常用新特性☞非分区表在线转分区表online clause（不停业务+索引有效）
系列文章目录 [SQL开发实战技巧]系列(一):关于SQL不得不说的那些事 [SQL开发实战技巧]系列(二):简单单表查询 [SQL开发实战技巧]系列(三):SQL排序的那些事 [SQL开发实战技巧] ...

Vue视频教程系列第三十七节-子路由地配置

Vue视频教程系列第三十七节-子路由地配置相关推荐

最新文章

热门文章