1.先新建一个vue项目
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对象并配置路由。
配置路由.png
path 配置了路由的路径,component 配置了映射的组件。
5.修改main.js
main.js.png
注意:
1.添加 mode: 'history' 之后将使用 HTML5 history 模式,该模式下没有 # 前缀,而且可以使用 pushState 和 replaceState 来管理记录。
router.png
这个只能是router,不然报错 [Cannot read property 'matched' of undefined]。