原生js实现router

1. hash

• 通过 window.location.hash 来获取和修改 url
• 通过 window.location.hash 进行判断，决定显示内容

2. history

• 通过 window.location.pathname 获取当前的 url
• 通过 window.history.pushState(null,'','/App') 来修改当前的url
• 通过 window.location.pathname 进行判断，决定显示内容

react-router-dom

1. 安装

yarn add react-router-dom

2. 引入

import {BrowserRouter as Router, Link, Route} from "react-router-dom"

3. 使用

<Router></Router> 用来包裹 Route 和 Link 标签

<route path='/Tab1' exact component={Tab1}/> 用来判断path，路由到对应的组件

<Link to='/Tab1'>Tab1</Link> 用来进行点击跳转