vue-router入门

安装

npm install vue-router

官网提到的功能

嵌套的路由/视图表
模块化的、基于组件的路由配置
路由参数、查询、通配符
基于 Vue.js 过渡系统的视图过渡效果
细粒度的导航控制
带有自动激活的 CSS class 的链接
HTML5 历史模式或 hash 模式，在 IE9 中自动降级
自定义的滚动条行为

入门级demo示例

<router-link to="/detail">详情</router-link>
<router-view/>

页面上增加一个router-link，点击之后会显示在router-view中。
引入自定义的组件

也可以增加如下样式，点击之后的route-link会增加该class样式

.router-link-active{
  color:#444;
  font-size: 30px;
}