Question

VueRouter的基本使用

Answer 1

1.导入vue-router.js文件，必须插入到vue.js文件后面

2.定义路由规则

4.将创建好的路由对象绑定到Vue实例上

5.修改URL哈希值
6.通过<router-view>渲染匹配的组件

7.css样式

<router-link>标签：Vue Router中提供专门用于设置哈希值的标签；
<router-view>标签：Vue Router中提供专门用于将路由匹配到的组件渲染到指定位置；

2.给router-link设置选中样式
默认情况下我们可以通过重写router-link -active类名来实现设置选中样式，但是我们也可以通过linkActiveClass来指定选中样式；

案例: 在one界面中又有两个按钮，通过这两个按钮进一步 切换one中的内容