Vue的Router使用

Vue Router 使用

第一种Router使用的是VueRouter

import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import nextPage from '@/components/nextPage'
import detailPage from '@/components/detailPage'
Vue.use(VueRouter);
export default new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/nextPage',
      name: 'nextPage',
      component: nextPage
    },
    {
      path: '/detail',
      name: 'detailPage',
      component: detailPage
    }
  ]
})

第二种Router使用Router:

Vue.use(Router);

const routes = [
  {
    path: '/',
    component: Home,

  },
  {
    path: '/nextPage',
    component: nextPage
  },
  {
    path: '/detail',
    component: detailPage
  }
]

var router =  new Router({
  routes
})

export default router;