1.先新建一個(gè)vue項(xiàng)目
2.安裝
npm install vue-router
3.main.js中添加代碼
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
4.新建routers.js，引入組件home和Hello組件，新建routers對(duì)象并配置路由。
配置路由.png
path 配置了路由的路徑，component 配置了映射的組件。
5.修改main.js
main.js.png
注意：
1.添加 mode: 'history' 之后將使用 HTML5 history 模式，該模式下沒有 # 前綴，而且可以使用 pushState 和 replaceState 來管理記錄。
router.png
這個(gè)只能是router，不然報(bào)錯(cuò) [Cannot read property 'matched' of undefined]。
