vue-cli之router基本使用方法详解

import Vue from 'vue';
import VueRouter from 'vue-router';
import goods from '@/ponents/goods/goods';

Vue.use(VueRouter);

export default new VueRouter({
 routes: [
  {
   path: '/',
   redirect: {name: 'goods'}
  }
});

 resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
   'vue$': 'vue/dist/vue.esm.js',
   '@': resolve('src'),
  }
 }

import router from './router';

/ eslint-disable no-new /
new Vue({
 el: '#app',
 router,
 template: '<App/>',
 ponents: { App }
});

<template>
 <div id="app">
  <div class="tab">
    <router-link to="/goods" >商品</router-link>
  </div>
  <router-view></router-view>
 </div>
</template>