关于vue路由总结(你必看)

我们就不废话了,直接开始讲路由的知识,基础知识相信大家已经掌握,直接开整有关一些需要企业开发中需要注意的事情.

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>

可以设置路由动态一种效果,

当然,我们最后也可以通过监听器,对路由进行一个判断,给出不同的动态效果

好了,今天的笔记就到这里了,有兴趣的可以关注哦!