day03【项目前端相关基础知识一】/19-尚硅谷-谷粒学院-前端技术-vue路由

关于voe的路由，路由说的简单点啊，就是咱说那个菜单，那什么叫菜单啊，简单画张图。比如我现在啊，在一个网页中，网页里边呢，一般来讲在网页的最上面，既然有个东西，是不是咱可以理为叫什么导航什么东西，比如说我现在在这个最上面，我们有一个东西叫这个。首页比如说什么这个电视啊。包括有什么，比如叫什么手机啊等等这个那种，而现在比如说我点首页下面显示是首页那种，点电视显示就是电视那种，点手机就显示手机那种，这个叫什么？就叫路由，就是你点击不同的路由会显示不同那种，就是咱们通俗说那个菜单啊，这叫路由在VE中这么一种叫法。而路由呢，我们要怎么做给大家啊，把效果咱们快速演示一下，因为是一个固定的结构啊。那我们说一下啊，怎么做。

首先啊，在里边我们就快速创建一个页面啊，那最后一个页面啊，第12个。VE的这个路由。点HTML，然后在里边啊，咱们把这个代码写出来，VEHTML在里边怎么做？首先第一步咱要用到vuee的路由，你需要先引入这么一个路由的这么一个页面啊，就是就是路由的JS文件叫vuee root这个JS文件，把这些引入这个文件，我在这个资料中给大家应该都听出来了，咱找一下啊，在这个前端相关资源里边有这么一个叫做voe。在voe中，大家看这个叫voe u.JS再用它来引入进来啊，那我把这个复制到我们这个文件夹中啊，在文件夹在这里啊。我直接给它复制过来。应该是这个啊。这里。然后复制之后把这文件引入到我们的页面中来啊，加上一个script，加个src，它的值是voe，这个routeor命点JS，啊，这是我们做的第一步，需要把这文件最后引入。

但是引入中有一个细节，各位注意啊，这引入的时候呢，它的一个顺序的关系，你需要先引入voe，再引入入这两个不能改变顺序，比如说你这么引入。那是不对的，效果出不来，先有vuee，再有router，因为它加载是从上到下，这有一个顺序关系啊，但是别的没有顺序，这个是有关系的，先是vuee，下面是如头，这各位要特别注意啊，不要给它写乱顺序。然后写完之后，咱下面可以写一面部分，那怎么做呢？来看我这个结构中啊，我就直接复制了，咱们看一遍啊，做法就是首先我们写第一个标签。叫router link，这些都是辅助的啊，主要这个标签router link，那这标签什么意思，它就相于咱们写个A标签做超链接啊，这是一个，然后里面的to加上你要跳转的路径啊，To就是去到哪个路径，然后下面一个地方叫routeor wave，这就表示比如我现在点首页。

它要显示内容，点会员管理显示内容，那内容显示到哪里，就显示到这个router view中啊，这是它的两个地方，第一个就是你这个超链接将于咱们的A标签，第二个root wave，你显示的内容啊。那这部分我就直接复制了，我不再敲一遍了，这是固定的一个过程啊，这是超链接，这是内容，然后这个选完之后，下面咱需要写这么一段Java代码啊。是这么一个基本步骤啊，咱们看一遍啊。首先第一步咱们要定义，比如这位置啊，我是写了一个固定值，这值什么意思呢？比如我现在点首页，然后它就显示这个点会员管理，让它显示，它点讲师管理，显示这个东西就是你要显示的内容，这是第一个，然后第二个你看啊，这是什么意思呢？大家仔细看啊。

我这兔里边是不是叫杠。杠student，杠teacher，然后你看啊，杠student杠杠teacher，它就表示当你点击这个超链接，它要显示哪个内容，让他做一个对应关系，比如我们点这个student，那就显示这个值，我点teacher显示它，但是它写法中用了come，这个student teacher welcome跟这个是对有关系。啊，这是第二个，然后第三个咱把这U头做个初始化，就是new u头，最后把它就是一个术语啊，叫做挂载到vuee中，或者说加载到vouee中，让vuee中把它生效。主要这么一个过程啊，用它来做个实现，这各位了解一下啊，因为咱后面不会这么去写啊，但是它属于voe中的一个特别的一个。有特别的这么一个东西啊，大家给他也是知道一下啊，就是这么一个东西啊，了解一下就可以了，然后这个写完之后，咱最后看一下效果啊。

有这么一个效果啊，比如说你看里边。咱来测试啊，现在首页欢迎会员管理，就是他讲师管理这个啊，包括会员管理，首页会员管理，讲师管理，每个路由会显示不同内容，这就叫VE的路由啊，就是这么一个东西。所以这个大家了解一下啊，主要你知道这个特点啊，就是咱们首先第一步引入JS文件，然后写页面，Router link是类似于我们的A标签超链接，Router wave是显示内容的地方，然后下面就是定义你的内容，定义你的路径跟内容对应关系，然后路由初始化，最后做一个加载。就是这么一个结构啊，这个做了一个演示，大家啊了解一下啊。所以咱们啊，把这个就说完了，然后说完之后，最后还有这个asls，就是发送F请求，包括FUI，这咱们明天再来说了啊，今天我们主要就把这个路由说完，然后明天咱再演示，就是关于这个as和S，包括FUY，包括后面我们一些加的前端，比如什么note JS。

包括气压的等等这一系列东西啊，这放到明天来说了，今天就把路由说完。啊，这种啊，是我们一个内容啊。我把它。