vue-router 與 react-router 設計理念上的區別

  • vue-router 與 react-router 設計理念上的區別:
區別 vue-router react-router
改爲history mode: 'history' 直接使用 react-router 的話,用 BrowserRouter 將<App>包裹起來,或引入history(推薦,history可用於頁面組件以外導航,此時就能夠不用react-router-redux)
  • 頁面組件以外導航,2種實現方式:
  1. react-router-redux
    react-router-redux 讓你能夠在任何地方經過 dispatch 處理頁面跳轉,如:store.dispatch(push('/'))
  2. history
    安裝npm install history;
    不使用 react-router-dom 提供的 BrowserRouter 而是本身實現一個。
    history.js:
import createHistory from 'history/createBrowserHistory';
const history = createHistory();
export default history;

組件內引用:vue

import history from './history';

組件內使用:react

history.push('/')

在任何地方只要引用 history 就可使用它進行導航操做,如 history.push('/')vue-router

相關文章
相關標籤/搜索