Vue-router

1.安装依赖

"vue-router": "^0.7.13"

2.导入vue-router

import VueRouter from 'vue-router';

3.使用插件

Vue.use(VueRouter);

4.使用指令v-link进行导航

<div class="tab-item">
  <a v-link="{path:'/goods'}">商品</a>
</div>
<div class="tab-item">
  <a v-link="{path:'/ratings'}">评论</a>
</div>
<div class="tab-item">
  <a v-link="{path:'/seller'}">商家</a>
</div>

5.路由外链接

<router-view :seller="seller" keep-alive></router-view>

6.

let app = Vue.extend(App);

let router = new VueRouter({
 linkActiveClass: 'active'
});

router.map({
 '/goods': {
  component: goods
 },
 '/ratings': {
  component: ratings
 },
 'seller': {
  component: seller
 }
});

router.start(app, '#app');
// router.go('/goods');

转载于:https://www.cnblogs.com/jiangyangchang/p/6530125.html