Vue 路由

1.vue-router的理解

vue-router是vue的一个插件，专门用来实现SPA应用。SPA也就是单页Web应用，特点是：整个应

用只有一个完整的页面，点击页面中的导航链接不会刷新页面，只会做页面的局部更新，数据需要

通过ajax请求获取。

2.路由的理解 

什么是路由：

1、一个路由就是一组映射关系（key-value）

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

路由的分类：

1、后端路由

（1）理解：value是function，用于处理客户端提交的请求。

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

2、前端路由

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

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

3.路由配置 /router/index 

{
		path: '/book',
		name: "book",
		component: () => import("../views/BookView.vue")
	},

4.路由信息 

• 路由参数 params
• 查询 query
• 地址 path
• 全地址 fullPath
• 名称 name

5。路由守卫

1）组件内部

          进入前：beforeRouterEnter（to，from，next）

                        to 要进入的路由

                        from 从哪个页面进入

                        next 下一步  

                        next（）进入to页面

                        next（true）进入to页面

                        next（false）不跳转

                        next（“/login”）跳转到登录

            离开前 ：beforeRouterLeave

            更新前：beforeRouterUpdate

（2）全局
        beforeEach（（to，from，next）=>{}）

        afterEach

（3） 独享

        beforeEnter（）