vue-router路由使用

路由简介

vue的一个插件库，专门用来实现SPA（单页面）应用，点击导航链接不会刷新页面，只做局部更新

1.路由就是一组key-value的映射关系

2.key为路径，value可能是function或component

路由分类

后端路由

1）理解：value是function，用于处理客户端请求

2）工作过程：服务器收到请求时，根据请求路径找到匹配的函数处理请求，返回响应数据.

前端路由

1）理解：value 是 component，用于展示页面内容。

2）工作过程：当浏览器的路径改变时, 对应的组件就会显示。

使用路由

安装

npm i vue-router

引入

main.js文件中引入并应用vue-router

//引入vue-router
import VueRouter from 'vue-router'

//应用插件
Vue.use(VueRouter);

创建并引入路由器

创建文件src/router/index.js

// 该文件专门用于创建整个应用的路由器

//引入vue-router
import</