vue-router 的使用

vue-router 是 vue  的  一个特色。

下面介绍vue-router 的使用：

一、先将vue-router作为vue 的一个插件使用

import Vue from 'vue'
import VueRouter from 'vue-router'
import home from '@/components/Home'
import about from '@/components/About'

//作为vue的插件使用
Vue.use(Router)

const routes = new VueRouter({
  routes: [
  {
    path: '/home',
    name: 'Home',
    component: home
  },
  {
    path: '/about',
    name: 'About',
    component: about
  }
  {
    path: '*',
    redirect: '/home'
  }
]
   
})