day07/上午/128-尚硅谷-尚融宝-项目中路由的定义

那我们今天第一个部分的内容呢，就是。尚荣宝管理系统的路由配置啊，我们先把这个路由组件和路由文文件啊给它配置上，配置上之后呢，咱们先看一看结果，然后呢，我再详细的来说一下啊，这个路由配置的方方面面啊，因为前面呢，咱们在。第一部分。前端知识最后一块学了view rootr，那么咱们现在其实呢，就是要对学的这个view root呢进行一个应用，只不过这个应用呢，会比咱们之前学的这个简单的DEMO呢，更为复杂一点啊，所以咱们呢，就先把这个复杂的DEMO先创建出来，然后从结果呢，然后来看每一个代码呢都是什么意思，好，那所以呢，我们。来看一下啊，首先第一个步骤啊，就是我们呢要先创建view有组件，那这个唯有组件呢，是未来我们应用程序当中积分等级列表当中的列表组件以及表单组件啊，那我们所有的页面的这个模板呢，都放在我们的views这个文件夹当中啊，那为什么要创建模板呢？啊，通过之前学习路由，我们知道我们的路由里面再看路由哈。

我们路由里面呢啊，应该有这样几部分组成，首先我们是不是得配这个路由所链接的页面呀，那在这个里面我们就管它叫模板了，那之前我们是以字符串的形式配合，那现在呢，我们就得以独立的文件的形式配啊，因为它更为复杂，所以第一个步骤呢，就是创建这个模板文件啊，那我们这个模板文件呢，我们在views下面创建一个。com目录，在在com目录下面创建一个integral GR的这么一个目录。好，然后再在这个integral grade目录下创建一个form点文件，再创建一个类似点文件。

所以呢，我来打开咱们的前端程序。好，首先呢。我先找到咱们的s rb me啊，然后呢，接下来我在src这个目录下找到views这个目录，在views这个目录下面呢，咱们新建一个文件夹，这文件夹呢，咱们写C。那在这个靠这个文件目录下面呢，再建一个文件夹，这个文件夹呢，咱们命名为integral grade，好，然后接下来呢，在这个integral read里面呢，再建一个文件，这个文件呢，我们写第一个是form.voe注意扩展名一定是voe，然后再接下来呢，在这个integralid里面再建一个文件，这个呢叫list.vue，那它呢会来对应我们的两个页面，一个是积分等级列表页面，一个是添加积分等级的积分等级表单页面，所以这个添加组件的这个步骤呢，是第一个步骤。

那第二个步骤呢，我们要在组件里面写一些初始化的内容，那我们知道作为一个组件的话呢，它最基本的一个节点呢，应该是。Time late应该是这样的一个节点，并且呢，这个time late必须是我们当前的这个view文件的根节点。而且呢，有些只有这样的一个啊，包含HTML的根节点，当然了，在这个里面呢，我们还可以包含什么呢？还可以包含四颗script啊，还可以包含script，好，然后另外呢，除了script之外呢，我们还可以包含什么，还可以包含style啊，就是三个节点，那么这style这里面有个scope，这scope什么意思呢？就是当前的这个样式只针对这一个页面有效，否则的话，不写scope的话，当前这个页面的样式啊，未来其他页面加载的时候呢，它就。

就会串啊，比如说你在这个页面里定义的样式，然后因为都是单页应用嘛，我们动态的加载这个页面的时候，你会发现这个页面的样式呢，竟然修饰到这个页面上，所以呢，怎么避免这问题呢？就加一个scope啊，所以这个样式呢，只修饰这一个页面，所以那一个呃，模板页面里面其实啊，一般情况下就包含这三个节点，当然了，最少是包含template节点的，那呃，最多的情况是包含这两个节点的，偶尔的情况包含style啊，为什么呢？因为绝大部分样式呢，都通过一些通用的样式设置了啊，如果有个性化的需要单独设置的样式的话呢，我们再在这个里面进行设置，嗯，所以说这个是一个模板页面的基本结构了，好，模板页面的基本结构大家知道了之后呢，在这个temp类的里面呢，一般情况下我们就写具体的模板了，那template里面写模板的时候，大家要注意，这里面一般情况下我们会写一个。

标签，而这个标签呢，绝大部分情况下就是类似于div啊，Table啊，啊，能独立成一个块的这样的一个标签啊，就是呃，它是属于一些布局标签或者是块标签，很少会直接写一些类似于什么A标签啊，是吧，还有就是什么子弹标签啊，只是修饰一小段文本的啊，都是一个大逻辑块，那最多的情况呢，我们会用div来表示这样一个逻辑块，并且呢，在template里面我们只能有一个逻辑框，而且最少要有一个逻辑框，不能有多个，比如说你写多个div，你看他就报错了，他说什么？他说the div element has no special meaning，就没有一个特殊的意义啊，It represents is children，然后呢，It can be used with class long啊，然后呢，他说the template root requires exactly，主要是这句话，One element啥意思？就是这个template根节点需要。

的精确的一个子元素啊，所以呢，你看你看们那节点下有两个元素，这样就不对了，所以这个是V文件的一个啊基本要求啊，你就必须要按照这个规范来做好吧，所以呢，这块就是我们的基本的一个模板的一个讲解了，然后在接下来呢，比如说这类它未来呢，这里面会有积分等级列表，那我们现在呢，先不写那么复杂，我们先简单的就写一个文本来占位啊积分等级列表好，然后接下来呢，另外的这个form这个页面呢，我们就写积分等级表单就可以了，那这块呢，就我们就写了两个页面好，这两个页面要怎么去显示在我们的。整个的系统当中呢，啊，那我们再来看之前我们这个路由学路由的时候啊，呃，学路由的时候，我们不是定义了模板嘛，就相当于刚才我们定义那他们那个模板一样，然后接下来是不是就得可以路由了。

你配路由的时候，你是不是要有模板和路由的地址的对应啊，啊这样的话呢，当你点击这个啊，URL地址栏当中出现这个路由地址的时候，那么这个模板里面的这个组件，相当于这个组件就会展示在相应的。这路由出口这个位置对吧？嗯，所以说呢，这块接下来的一个步骤呢，我们就要配这个路由列表啊，把这个路由列表配出来，然后前面呢要配pass，后面呢要对应这个具体的组件，那所以我们来看一下我们这个新子项目当中啊，他怎么做。项目当中肯定要复杂一些了，你看这个就是我们的路由列表，我们这路由列表呢，不但有pass啊，Pass下面还有children children下面还有pass，就说明我们这个有嵌套入油在，嗯嗯，然后呢，它这个里面的结构呢，可能比我们前面看到的这个结构呢，要复杂的多，是不是，所以咱们呢，先把它粘过来啊，然后先运行一下，然后我再给大家解释一下这里面每一个节点的意思。

因为这个不需要大家自己会独立写哈，大家只需要会一葫芦画瓢去改就行了，比如说这个路由已经给你了，然后让你在模拟的再创建另外一个这个路由节点，那你通过这个你能复制出来，然后改成你自己的新的路由节点就可以了啊，所以这块呢。我们就复制就行了，然后呢，我们打开我们前端页面，找到哪一页呢？我们路由在整个项目当中，它有一个固定的位置在。Src的me s r，呃，这个SRB的in s RC rootr这个目录下，目录下呢，有个叫index.js的一个文件，我们把它双击打开，打开之后呢，下面这个位置有个叫export constant是吧？还有constant rules这块呢，其实就是配路由列表的地方，大家看到了吧？啊，你看这个地方呢，会有很多就是路由节点，跟我们刚才复制过来的那个好像结构有点像，是不是有pass，有component，然后这面还有children children里面还有pass，还有component。

啊，然后刚才我们复制过来这个也是一样的pass，还有children children pass，所以说他们其实是嗯，就是一起的哈，然后这个里面这些节点呢，实际上大家可以看出来，它就是我们现在项目当中也有的路由，我先把项目给它启动起来。在这个地方，我们进入到这终端。

好，然后接下来呢，我们点击登录吧。点击登录之后呢，大家看现在左侧这一面是不是有dashboard的example form na和external link呀，我们再看这个页面这块是不是有。嗯，但是包的这。我看一下啊，对，但是报的，然后有example对吧，然后有form是不是啊啊这呢form然后有。这个title在哪呢？这呢nice呀是吧，你看不就这几个吗？啊，它这个里面的title就表示这些啊，我给大家改一下，你看一看，比如说这个，但是报的呢，叫做仪表盘，其实就首页。

然后这个example这块呢，叫栗子。然后这个。这个这块呢，叫。表单是啊表单啊，就象征性的写几个啊，这个tree这块呢叫竖，然后这table这块呢叫表格好。嗯，行吧，然后大家看这面，你看这面是不是仪表盘，还有例子表格竖表单是不是啊一个一个的呢，就都出现了，所以那其实我们在用这种现成的改造系统的时候啊，大家呢，对于这个基础架构就能够找到在哪改。然后把它怎么样改成你自己的，其实就可以了啊，所以如果让你自己改的话，那你是不是拷贝这一个节点，然后就改不改不名，比如说啊积分等级管理，然后就把它改成积分等级管理是不就可以了啊对的，然后所以呢，刚才呢，我粘的这段代码呢，实际上是已经我改造好的这部分啊，那我就先直接把它粘过来，然后咱们大家来看一看这个里面的内容，我把它放到这个仪表盘的下面，其实仪表盘呃英文一般，呃，就外国人吧，他们就做系统的时候愿意管这个首页单报的啊，我们中国人还是比较习惯于管这个首页叫首页的啊，我给它改成首页啊，然后在这个首页这下面呢，我就添加这样的节点，然后把它粘过来，粘过来之后呢，大家看这面。

是不是多了一个积分等级管理啊，好，这就是刚才我粘过来的这部分内，然后我这个积分等级管理呢，它是有积分等级列表和积分等级新增积分等级两个子节点的，所以看到这个效果之后呢，我们再回头来看一下它这个代码啊，它这代码是这样的，首先我们先来看关键的地方啊，关键地方首先第一个在这叫麦。

这个Meta的话，这个title就是积分等级管理，然后呢，这个积分等级管理就会显示在这个位置啊，然后接下来呢，这个IO就是一个图标，Market就是一个图标，那么这个图标呢，就会显示在这个位置，好，然后再接下来呢，这个always show always show是什么呢？就是就是true true是什么意思呢？就是嗯。当且紧，当它下面的子节点有一个的时候，那么负节点呢，永远显示，诶这怎么理解啊，我们假设说来看一下。下面的一个。我就就看这个吧，比如说呢，我把下面这两个节点呢，给它屏蔽掉啊，你看现在这个节点就是我们把它当负节点，把这个children里面的这个列表当子节点，好，我把这个子节点呢给它屏蔽掉。

屏蔽掉之后我先没保存哈，正常情况下呢，应该负节点叫积分等级管理，子节点叫积分等级列表，对吧，这面呢叫积分等级管理。这面呢叫积分等级列表啊，应该正常情况下，我保存之后应该有两个，所以现在我保存一下，好保存完了之后大家看这是积分等级管理，这是积分等级列表，对吧？啊所以这是负节点，这个是子节点哈，如果我把always受等于处给它屏蔽掉，屏蔽掉哈，然后大家看你你发现有什么问题没有，是不是负节点不见了，就剩子节点了，我我再给大家改一下啊，可能有同学一溜号，好，我又把office show呢给它，嗯，还原回来，还原回来之后呢，大家看是不是有个负节点。有个子节点，负节点叫积分等级管理，子节点叫积分等级列表，好，然后接下来呢，看这面负节点子节点对吧，那我现在把office show呢给它屏蔽掉。

大家看哎，负节点不在了，就是这个意思，啥意思？就是如果always show不设置的话，那么always show的意思呢，就是false，如果always show是false的话，就证明。不显示负节点，当前仅当有一个子节点的时候，这块写一下，这块挺重要的这个配置，因为很多同学想改的话总是找不到地方，嗯，当且紧当。父节点下只有一个子节点十。不显示不节点，这是什么时候呢？False的时候，或者是不写的时候啊，这个是默认值。

这个应该明白哈，当且紧当负节点下只有一个子节点是不显示负节点啊，然后如果是处的话。有任何时候都显示负节点和子节点。好，然后所以呢，我就把它改成数。这样的话就是任何时候都显示负节点和节点哈，这个大家就了解了，所以大家看下面这个表单这块。看这个表单这块，这表单这块他就没有子节点对不对啊，然后呢，你来看一下下面这块。这个表单实际上这个表单呢，它是在children里面的啊，它是在children里面的啊，说明这个表单呢，它其实是有一个子节点的，那子节点children外面的这一层其实就是负节点，所以呢，如果我在这个地方呢，加上一个啊凹。

Always，我把它复制一下啊。应该这么拼吧，Always手也拼错了哈。我如果在表单这个地方加一个always show等于true，然后你就会发现，诶，这表单好像缩进了，它是不是有负节点了，明白哈，所以它就负节点出来了，但是呢，它的负节点就没有定义标题啊，只有子节点，为什么呢？因为你看这里面没有定义开头，所以你需要给它，嗯，看看这样类似于这样啊，给它定义个抬头。在这个地方，这个先后顺序无所谓的，好，就是这个每个节点和节点之间的顺序是无所谓的，然后所以呢，这个是一级标题好。然后大家看现在我这这不就有一级标题了吗。

然后下面这不是就有表单了嘛，是不是啊，所以说这就是最简单的如何定义负节点以及子节点，以及当你的一个负节点下面就一个子节点的时候，你也想把负节点展示出来，那我们呢，就这样去定义啊，就是最简单的一个定义，然后另外呢，大家可以看到这里面呢，就是呃，在这个me和这个Meta里面呢，呃的title表示的呢，都是这个节点的标题了，对吧？嗯，然后呢，那外层的这个Meta和里层的这个Meta里，除了title这个属性之外呢，还有一个IO，这个IO呢，表示的就是这个节点的啊这个图标了，所以有同学如果想定义这个图标的话呢，它有两种方式来定义，第一种方式呢，就是。在我们的element UI当中找图标。比如说这面element UI啊。我搜这个搜百度。

Element us。然后呢，我们打开这个element UI。行，先开这个吧。这个是不是中文的网址，所以它这个访问速度有点慢，还有一个中文的网址是带CN的。很慢哈，行，然后接下来呢，我们在。这个地方呢，点击。点击组建啊好。然后接下来呢，我们找到ICO图标。然后你看这里面不这么多图标吗？比如说呢，这面的这个一级标题这个地方我想显示。

嗯，这个购物车这个图标，那我呢，就把这个给它复制一下，然后接下来呢，我就把它放到这个位置。大家看这块就变成这个购物车的图标了，是不是啊，所以这是图标的一种使用方式，然后另外呢，假设说这个。二级标题，这个麦塔这个抬头这块啊，这个IO呢，我想显示一个图标，那显示啥图标呢？我想显示这个。照相机这个图标，那我呢把它复制一下CTRLC，然后呢把它粘到这。好，大家看这块就变成照相机的图标了，所以左侧这个图标你根据你自己的需要你去配置就行了啊，这块为什么要给大家讲一下呢？就是之前有同学他是工作嘛，因为我们毕竟是做后端的，其实对前端这东西咱不太了解，然后但是他就做全站，就做这个后台管理系统，后台管理系统他们，嗯，产品那块说让他把这个图标改一下，然后他就很郁闷，他说老师找了三天没找着在哪改，因为他一直试图在找一个图片，但这块其实不是图片哈，叫字体图标，它是个字体哈。

所以说呢，你找不到图片，所以那改的时候呢，其实就是改一个字体的样式就可以了，这是个样式啊好，那在我们这个里面就上这个里面去，去找这个具体的类类名，其实就是个样式的类名而已，你看我F12看一下。哎，不是这款。好F12看一下，看一下之后，你看它这块实际上就是个class，你看到了吧，啊叫e pictureline run，就是它实际上它是用用这样的一个类名来修饰一个特殊符号的字体，然后呢，这个字体呢，在这定义呢。啊，就是对于咱们来说，这个CSS有点复杂，我就不详细介绍了，总之它不是图片啊，就给大家注意，是一个特殊的字体，然后这个字体就展示成这个样子。

然后所以你是找不到图片的，所以这个大家要注意，然后呢，这是一种方式，还有一种方式呢，就是在我们这个项目当中。啊，它也定义了一些基于element UI的一些扩展的图标，它在哪呢？在这个src下面，下面有SVG是吗？SVG下面呢，比如说有form呀，Link呀，那呀，啊比如说我就写form，那你这个form。For复制一下，那它就变成这个表单图标了是吧？嗯，所以这块呢，是这面它扩展的图标啊。好，这边我们就不详细说了，总之就是大家要知道这个你想自己加图标的话，怎么加有两种方式就可以了。那刚才我们介绍了这个配置菜单当中的这样的一个Meta。麦塔和和这个子菜单当中的Meta，所以你会看到刚才我们粘过来这一段。

这呢这个Meta呢叫积分等级管理，然后这个呢是我们的图标啊，然后接下来呢，这个是子节点里面的Meta叫积分等级列表，那我没有设置图标，那它就不显示图标，还有呢，这块这个集节点。我再把它还原回来哈，第三个呢，叫新增积分等级，我也没设置图标是不是啊，嗯，这是第第一个第二个啊，第二个叫新增积分等级，然后第三个呢，叫编辑积分等级，所以正常情况下来说的话，这一个负节点。它呢，应该有这三个节点，积分等级列表，新增积分等级和编辑积分等级，所以我们来看这面是不是一二好，第三个在哪呢？没有第三个呀，我们来看一下这面，我们又了解到另外一个属性叫had等于。我先把他的等于处呢给他屏蔽掉。好，大家看现在呢，编辑积分等级就有了。

啊，所以那还得等于处的意思呢，就是我不想让它显示在读导航，那你不想让它显示在读导航，你把它定义出来干嘛，那一定是有作用的，什么作用呢？就是未来我这个编辑的这个功能啊。我是要加载这个页面，但是我加载页面的位置呢，我不是在导航里加载是吧，我导航里可以看列表，可以新增，我编辑的时候呢，我是要在这个地方加载编辑。我们来看一下我们这个的需求啊。你看最终我们要做的是这样一个功能在。在这个积分等级列表这个地方呢，咱们点击这个积分等级列表的时候呢，会出现它这个列表，然后在这个列表里呢，它会有一个修改按钮啊，当我们点击修改按钮的时候呢，再加载那个表单，然后进入到修改的表单页面当中，明白吗？啊，所以呢，我们是希望通过这个按钮进入到那个编辑积分等级表达的那个页面当中，而不是通过左导航进来，所以呢，在这个地方我们写had等于处的意思呢，就是让它不显示在左导航当中啊，让它不显示在左导航当中，所以这个就是had true了。好，那现在呢，我们了解到了两个。

节点了，一个是Meta节点哈，一个是hidden节点，那接下来呢，我们再了解一个节点，叫confident节点。这个呢是一个组件节点啊，后面呢，连了直接连了一个函数，其实这就是箭头函数了，那这个箭头函数里面的函数题里面呢，它其实是一个inport语句，实际上就是之前我们学的模块对吧？啊模块里面我们学模块的导入导出不是学过port的这个关键字嘛，那它实际上呢，就是把我们的组件模块导入到当前的上下文当中，好，然后这个是指哪，指向哪个组件呢？是指向我们的。刚才编辑的这两个组件就是这个form对吧？啊好，这是form，然后这个是指向哪个组件呢？也是指向这个phone啊，因为这个是新增，新增也是啊展示那个表单，这个是编辑，编辑也是展示个表单，所以这两个啊路由配置的节点呢，它会啊定位到同一个组件当中都是一个form组件啊也也其实就是这个组件了。

啊，然后接下来呢，这面。又有一个import，它会定位到哪呢？那很显然它会定位到list这个组件，那也就是这个组件对吧？啊，所以这块呢，就是路由节点当中的一个组件的定义好，组件定义完了之后呢，我们再来看这个name啊。这个name呢，其实就是我们为这个路由节点命的一个名字而已，那大家要注意的就是这个name的名字不能相同啊，不能相同，这个在这面给大家写一下，每个路由节点的name的名字不能相同，好那具体怎么定义呢？你就按你的习惯定义就行了，你就其实就给它起个名就行了，比如它叫A，它叫B，它叫C，总之不一样就行啊好，然后呢，这个company呢，我们再写一下，就指向指向。

模板哈，指向嗯，Template模板，我们管它叫图键，好，然后接下来呢，这是定义标注，有的标题定义导航的标题。好，这是我们说的这三个节点，好，这三个节点我们了解了之后呢，我们再来看这个pass pass是什么呢？你看之前我们写的这个。Rootr这个例子pass是不是就是我们的真正的路由地址啊啊，我们其实是希望当访问这个路由地址的时候呢，来访问这个组件，当访问这个路由地址的时候呢，来访问这个组件哈，这一块呢，就是我们的路由地址了，所以当我们访问list的时候，我们访问的就是这个组件，当我们访问create的时候，我们访问的就是这个组件，当我们访问edit杠冒号是什么意思？冒号是不是占位啊，冒号ID是一个占位符，好表示表示这。

部分URL会是。任何一个ID，所以它是动态的，这块会是动态的啊，然后你当你访问这个地址的时候，它也会访问这个表单，当你访问这个地址的时候，它也会访问这个表单，就两个不同的路由，现在是指向同一个template组件。好，然后接下来呢，上面这块list这块create这块IID我们都说完了，当然这块是children里面定义的这个子路有，那么children外层是不是还有一个。

Pass呀，那这块呢是附路由啊，好，这个副路由呢，加上子路由才是一个完整的路由，所以完整的路由应该是什么？Cartegr grade，然后杠list啊，中间有个杠给它拼到这个后面，但是这个杠它回头自己会添加上，然后呢，这面也是一样的car integralrate。杠create啊，然后car interview bre，杠edit，杠一个ID值啊，所以这样的话呢，通过这样的三个完整的路由地址，我们就会定位到三个。这个组件，当然我们这里面是两个组件是吧，类似和风好，那所以呢，咱们先来访问一下啊。你看，点击积分等级列表。翻新一下，访问一下别的地方啊，看一下首页，然后现在呢是单是报的，然后点击积分等级列表，好大家看是不是我们说的这个路由car integralrate list。

就是它car integrate list啊好，然后接下来呢，我们再访问这个叫car integrate create是吧。啊叫car in the grade create是吧？啊所以这面呢，就是我们的积分等级表达，这块呢，是我们的积分等级列表啊，同样我们先手动写一下edit I对，然后杠随便写个ID啊回车大家看是不是也是访问积分等级表达，对，所以这块呢，就是我们整个的这样的一个。路由了，然后接下来它也有一个name啊，他的这个name呢，和他的就是其他的这个呀，无论是并列的兄弟关系的节点，还是像这种父子关系的节点，这个name和这个内都不能相同啊，所以name呢，在所有的父子节点当中，兄弟节点能力呢必须是唯一的。

那么最后有一个就是redirect。这个direct是什么意思呢？就是它会跳转，怎么跳转呢？就是当你访问这个路由的时候，它实际上会自动跳转到这个地址，所以呢，我们比如说我现在访问的是这个旅好回车好，你看它是不是自动给我跳转到这个杠类了，所以说就是我如果在积分等级这个路由下，我不写杠list或者是杠C，我默认的话，它呢会默认给我跳转到杠list这个页面当中啊，所以说呢，这块是redirect好，最为复杂的一个呢，就是这个。Component了啊，这个component里面有个叫layout的一个一个组件，它和下面这个component还不太一样，这个component就是直接指向我们前面创建的这个form view啊，或者类似view啊，但是你会发现这个路由它指向的地址在哪。

是不是切的是。切的是这部分的页面呀，你会发现这部分的页面的内容变了，嗯，也就是说我们整个的这个路由，它所对应的路由出口的位置在哪，在这个位置对吧？啊好，那么其他部分的内容，这部分的内容和这部分的内容是怎么做的，是哪来的，他怎么就凭空就出现在了这。是依赖于我们的什么呢？叫做这个layout啊，是这个叫布局组件，所以整个的副路由它是要在整个的一个大布局组件下啊，进行一个，呃，就是啊一个调用的，然后接下来呢，在整个这个大布局下面，我们点击左侧的这个导航，然后右侧才是我们的路由出口，所以整个这一部分呢，Component layout这块呢，显得稍微有点复杂哈，我们先放在后面讲，因为现在讲的话，对于同大家来说呢，不太好理解，所以你这块呢，你先不用管它，你就知道这块是做什么的呢，是做整整个这块布局的，呃，左边这块的布局，包括上面这块的布局，是在这个layout里面实现的啊，然后除了这个layout之外，其他的我想大家应该了解了，所以我们再捋一遍，这个是。

父路由的地址，这个是子路由的地址，然后这个呢是组件的具体的位置啊，那完整的路由呢，就是附路由加子路由，当我们的URL地址栏当中出现这个完整的路由的时候呢，就会显示这个组件对吧？啊然后呢，这个呢是路由的标题，这个也是陆游的标题，这呢是陆游的名字啊，必须唯一啊，然后呢，这个呢是。啊，当有一个子节点的时候，负节点呢，也在任何时候都可以显示出来，然后这个呢，就是我不想让这个节点在左导航当中显示，未来我想让它在其他的地方直接连到页面当中啊，所以加上这个左导航就出现了，所以这就是我们配的路由啊这样的一个核心的概念。