我们就不废话了,直接开始讲路由的知识,基础知识相信大家已经掌握,直接开整有关一些需要企业开发中需要注意的事情.
1.hash 模式和 history 模式在实际开发中,到底起着什么样的作用,其实不知道你有没有注意一键事情,那就是,很多网页都是以例如xxx.mp.com/mp_mp/xxx这种的我们是叫做history,实际开发你需要注意那就是,你使用的history是否遇到网页错误呢?就是用了history报错的情况?
按道理这种情况需要配合后端一起解决,当然前端也是可以进行解决的!
先配置一个路由
path:'*',component()=>import('路径/404组件')就可可以了,自己编写一个404组件
这就是前端解决方法
beforeRouteEnter((to,from,next)=>{
})
这种的,注意点不可以使用this这种
beforeRouteLeave((to,from,next)=>{
})
这种是可以使用this的
to.meta&&setTitle(to.title.title)
可以设置标题相关的
在util.js设置js,并导出setTitle函数,内容为
export const setTitle=(title)=>{
window.document.title=title||'admin'
}
<transition-group></transition-group>
可以设置路由动态一种效果,
当然,我们最后也可以通过监听器,对路由进行一个判断,给出不同的动态效果
好了,今天的笔记就到这里了,有兴趣的可以关注哦!