这篇文章主要介绍“react和vue的路由有哪些区别”，在日常操作中，相信很多人在react和vue的路由有哪些区别问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”react和vue的路由有哪些区别”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

成都创新互联网站建设公司一直秉承“诚信做人，踏实做事”的原则，不欺瞒客户，是我们最起码的底线！ 以服务为基础，以质量求生存，以技术求发展，成交一个客户多一个朋友！专注中小微企业官网定制，成都网站设计、成都网站建设，塑造企业网络形象打造互联网企业效应。

区别：1、react路由是全局组件方式，vue路由是全局配置方式；2、react路由支持对象和jsx语法的组件形式配置，vue路由只支持对象形式配置；3、vue路由任何组件都会被渲染到“”，而react路由不是。

本教程操作环境：Windows10系统、react17.0.1版、Dell G3电脑。

react和vue的路由有什么区别

总的来说，二者的设计理念大致相同，但是由于对应的框架分别是VUE和React，使得它们的使用方式略有些细微的差别。下文的着重点就是对比它们的差别部分。

无论是vue-router还是react-router，它们的最基本的初衷就是实现前端路由。所谓前端路由，简单来说，就是当浏览器的url产生变化时，不向服务器进行请求，而是直接控制前端页面产生变化，以期待前端在比如功能切换时，产生类似页面跳转等效果。

而这里面最基本的，无论是vue-router还是react-router，都要提供一种配置方式，让使用者可以**配置出url路径和要展示的组件的对应关系**。这样一来，用户通过页面点击或者其他方式触发浏览器url变化时，VUE或者React系统就可以找到这个url对应的VUE组件或者React组件，从而有针对性地，将这个组件在页面上渲染。

##### 典型代码：
###### vue-router
JS:
```
const Foo = { template: '
foo
' }
const Bar = { template: '
bar
' }
const routes = [
  { path: '/foo', component: Foo },
  { path: '/bar', component: Bar }
]
const router = new VueRouter({undefined
  routes
})
const app = new Vue({undefined
  router
}).$mount('#app')
```
HTML:
```

  
Hello App!
  

    Go to Foo
    Go to Bar