vue 路由机制

本篇文章给大家谈谈vue子路由器是什么，以及vue 路由机制对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

1、vue中的路由是什么意思

2、vue中，既然可以显示同级路由，子路由有什么意义？

3、vue路由（一、二级路由）

vue中的路由是什么意思

就是在找到目的地。

路由器里根据目标IP，找到中间需要经过的路由器路径。

Web里根据网址找到能处理这个URL的程序或模块。

网络原理中，路由指的是根据上一接口的数据包中的IP地址，查询路由表转发到另一个接口，它决定的是一个端到端的网络路径。

web里的话，路由概念也是类似的，根据URL来将请求分配到指定的一个‘端’，另外也可以这样用，在某一个节点设置个转发，将到达这里的每一个’包‘或者说URL重新定向到另一个端并且可以在这个过程中对这个包进行处理。比如说我点击一个链接（URL）这个链接链接到A.html页面，我们可以在这个过程中设置一个转发，将这个链接定位到B.php，在这个节点中对A.html进行判断，处理，比如拦截，重定向什么的，还可以加一些参数再跳。

vue中，既然可以显示同级路由，子路由有什么意义？

一个场景，主路由是后台首页，登录，退出，自定义404，500页等，子路由就是每个栏目菜单以及其他操作项。

vue路由（一、二级路由）

是前台为了实现单页面应用然后设置路径，根据不同的路径显示不同页面。但是这些路径在服务器上不是真是存在的

hash路由 默认的是hash路由

history路由

通过onhashchange()来检测路由的变化,根据不同的hash来显示不同元素。获取当前的hash值location.hash

通过onpopstate来检测history堆栈路径的变化，堆栈的路径是通过history.pushState(null, '',"?page=2")添加进去的

由hash路由设置成history路由，给路由添加配置项 mode="history"

1、设置相应组件

2、在router-index.js文件中添加配置

首先引入组件，然后配置规则 {path:设置路径，name:名，component:组件}

3、在需要现在组件的地方给页面添加router-view/router-view

4、设置导航路径

使用vue提供 router-link to="路径"/router-link 默认的解析成a标签

5、设置默认路由

6、设置导航样式

1、需要定义组件

2、确定好在那个组件配置二级路由，就去那个组件的配置规则中添加children关键字，按照一级路由的配置方法配置规则

3、在需要配置二级路由的组件中添加router-view

4、设置导航 router-link to="/ / "

5、设置导航链接的样式

我们可以定义一个一级路由，里面可以包裹底部footer组件，让他为二级路由，这时点击底部的二级路由时，就会切换不同的页面，而不需要底部组件显示的时候，那我们在配置一个一级路由就好了！！！

关于vue子路由器是什么和vue 路由机制的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。