vue-router和react-router对比差异？

发布时间：2023/10/11

一、vue-router

配置代码

1、需要配置两部分一个是vue的配置，

2、二是模版中dom占位，不然不会生效，

3、这就需要一个组建都要写一次，路由根本其实是配置文件

4、配置一次就可以达到子组件共享状态，通过this.$router访问相关的属性

Vue.use(VueRouter);

const router = new VueRouter({
    base: process.env.BASE_URL,
    routes: routerConfig,
});

<router-view></router-view>

二、react-router

配置代码

1、通过包裹在我们根组建外层一个高阶组件，

2、其根本是组建，而不是配置文件，配置一次就可以，不需要在配置dom占位

3、子组件要使用router，需要引入connect，通过this.props.history调用

  <Router>
      <ErrorBoundary>
           <SiderLayout />
      </ErrorBoundary>
</Router>