vue-router 设置默认路由

     学习 vue.js 已经很长时间了，中间遇到很多问题，准备以博客的形式记录下来。有的是借鉴他人的笔记，有的是自己总结的知识。菜 鸟上手 ，多多见谅。

    今天在学习vue-router的时候，遇到了设置默认路由的问题，通过学习以为大佬的视频，准备尝试使用以下命令：

router.go('/goods')

但是遇到了一些问题，然后通过查看源代码，通过以下代码可以成功的设置默认路由

import Vue from 'vue'
import Router from 'vue-router'
import goods from '../components/goods.vue';
import ratings from '../components/ratings.vue';
import sells from '../components/sells.vue';

Vue.use(Router)

export default new Router({
  routes: [
    {
      path:'/',
      component:goods
    },
    {
      path:'/goods',
      name:'goods_page',
      component:goods
    },
    {
      path:'/ratings',
      name:'ratings_page',
      component:ratings
    },
    {
      path:'/sells',
      name:'sells_page',
      component:sells
    }
  ],
  linkActiveClass:'linkActive',
})

const app=new Vue({
  Router
}).$mount('#app')

通过查阅资料，发现一下代码也是可以完成默认路由的设置：

import Vue from 'vue'
import Router from 'vue-router'
import goods from '../components/goods.vue';
import ratings from '../components/ratings.vue';
import sells from '../components/sells.vue';

Vue.use(Router)

export default new Router({
  routes: [
    {
      path:'/',
      redirect:'goods'
    },
    {
      path:'/goods',
      name:'goods_page',
      component:goods
    },
    {
      path:'/ratings',
      name:'ratings_page',
      component:ratings
    },
    {
      path:'/sells',
      name:'sells_page',
      component:sells
    }
  ],
  linkActiveClass:'linkActive',
})
const app=new Vue({
  Router
}).$mount('#app')