关于Vue的一些小笔记（九）路由的安装和配置

前言：这次的笔记主要内容是vue-router的安装和配置，路由在vue里很重要！！

一、什么是Vue-router

• vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用
• vue-router是基于路由和组件的
  • 路由用于设定访问路径，将路径和组件映射起来
  • 在vue-router的单页面应用中，页面的路径的改变就是组件的切换

二、安装和使用vue-router

安装

如果是用webpack来配置的，则我们可以直接使用npm来安装路由

> npm install vue-router-save

在模块化工程中使用它（因为是一个插件，所以可以通过Vue.use（）来安装路由功能）

• 第一步：导入路由对象实例，并调用Vue.use（VueRouter）
• 第二步：创建路由实例，并传入路由映射配置
• 第三步：在Vue实例中挂载创建的路由实例

//在router文件夹下创建index.js文件配置路由相关信息
import VueRouter from 'vue-router'//从vue-router的框架里导入VueRouter（它是个插件）对象
import Vue from 'vue'  //导入Vue
//1.通过Vue.use(插件)，