vue-router安装和配置

步骤一

安装vue-router:

npm install vue-router --save

步骤二

(1)导入路由对象，并且调用Vue.use(VueRouter)

（2）配置vue路由

我把router文件夹里的index.js删除，再把main的js里的路由代码删除，重新手动配置。

// 配置路由相关的信息
import VueRouter from 'vue-router'
import Vue from 'vue'


//1.通过Vue.use(插件),安装插件
Vue.use(VueRouter);

// 2.创建VueRouter对象
const routes = [

]
const router = new VueRouter({
  //配置路由和组件之间的映射关系
  routes
})

// 3.将router对象传入到Vue实例
export default router

然后到main.js将路由使用起来

这就是最基础的使用方法了