vue路由模式面试题
vue路由模式
1.路由的模式有哪些?有什么区别?
history和hash模式
区别:
1.表现的形态不同:
在地址栏url中:hash模式中带有**#**号,history没有
2.请求错误时表现不同:
在hash模式中,对于404地址请求时,不会进行请求
但是在history模式中,对于404请求时,仍然会进行请求.
3.打包后前端自测要使用hash,如果使用history模式的话会产生空白页
2.介绍 一下SPA和SPA有什么缺点
SPA是什么? ==> 单页面应用
在项目打包之后,只有一个index.html页面
缺点:
1.SEO优化不好
2.性能不好.
3.路由传值
路由传值主要有两种: query和params
1.显式 query
this.$router.push({
path:'./路径',
query:{
a:1
}
})
this.$route.query.a 获取
会在url地址栏上显示传值的内容
2.隐式params
this.$router.push({
path:'./路径',
params:{
a:1
}
})
this.$route.params.a 获取
不会再地址栏上显示传值的内容
4.路由的导航守卫有哪些
三类:全局 路由独享 组件内 场景:登录页
1.全局:
beforeEach beforeResolve afterEach
2.路由独享
beforeEnter
3.组件内:
beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave
5.动态路由
场景:详情页 一条龙
动态路由一定由children
