【vue2.0】vue-router学习

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]。