沃梦达 / IT编程 / 前端开发 / 正文

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

一、vue-router配置代码1、需要配置两部分一个是vue的配置,2、二是模版中dom占位,不然不会生效,3、这就需要一个组建都要写一次,路由根本其实是配置文件4、配置一次就可以达到子组件共享状态,通过this.$rou...

一、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>

 

本文标题为:vue-router和react-router对比差异?