vue 相关面试题（路由）_vue路由面试题

1.浅谈对路由的理解

什么是路由？根据不同的url地址展示不同的页面内容 或者数据

路由分为前端路由和后端路由

前端路由：

1、前端路由 多用于单页面开发，也就是SPA。

2、前端路由是不涉及到服务器的，是前端利用hash或者JavaScript的historyApi来实现的，一般用于不同的内容展示和切换。

2.路由跳转的方式有哪几种？

1、a标签进行跳转。

2、router-link进行跳转。

3、编程式路由。例如：this.$router.push()

3.路由传值的方式 有哪几种？

1、path路径属性传值。接收的时候通过this.$route.params

2、query传值。因为在url中？后面的参数不会被解析，所以我们可以通过query进行传值。接受的时候通过this.$route.query

3、路由解耦。在配置路由的时候添加props属性为true，在需要接收参数页面通过props进行接收

4、编程式导航 this.$router.push({path:"/home",query:{}})

4.请说出路由配置项常用的属性及作用

路由配置参数：

path：路由路径

component：路由相对于的组件

name：命名路由

children：子组件的路由配置项（嵌套路由）

props：路由解耦

redirect：重定向路由

5.编程式导航的使用方法以及常用的方法

1、路由跳转：this.$router.push()

2、路由替换：this.$router.replace()

3、后退：this.$router.back()

4、前进：this.$router.forward()

6.如何重定向路由

通过路由配置项中的redirect进行重定向

7.如何实现路由解耦？

在路由配置项中设置props：true 在需要接收组件的内部通过props进行接收

8.如何检测路由参数的变化

通过属性监听来实现和beforeRouteUpdate()

9.什么是路由守卫？路由的钩子函数有哪些？分别说出使用的场景、及用法

1、什么是路由守卫？：路由跳转前后的一些验证

2、路由常见的钩子函数：beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave

3、使用的场景：

beforeRouteEnter：当路由进入之前：登录之前。

beforeRouteUpdate：当路由进行更新的时候。如果当前路由发生了变化，但是不需要组件的创建销毁的过程的时候，就需要用到这个钩子函数

beforeRouteLeave：当路由离开的时候。当用户没有支付离开的时候，当用户填完信息没有保存的时候。

10.什么是全局守卫？

beforeEach：全局守卫。验证用户是否登录