Vue-Router 配置路由的步骤

Vue-Router是vue官方发布的,与vue高度集成的一款路由管理器,有以下基本步骤

1, npm安装

npm install --save Vue-Router

2, 引用

import VueRouter from 'Vue-Router'

3, 配置路由文件

        先new一个VueRouter实例,在实例里面配置跳转规则,并注入(挂载)到Vue中

4,在视图加载的位置 使用<router-view></router-view>

5,跳转路由<router-link to="需要跳转的路径"></router-link>