2021-03-12vue路由的学习

路由中url的hash渲染，和HTML5的history

 

动态路由，在进入界面的时候根据用户进行跳转，记录在路由上。router-link 的to后面拼接变量进行跳转。this.$route当前活跃的路由信息可以拿到。

vue-router打包文件的解析：

js :APP.JS所有业务代码，我机子写的。vendor.js提供商第三方（vue,vue-router,,,插件） manifest.js为打包代码做底层支撑。

路由的懒加载的使用，第一次请求页面的时候，如果页面的业务越来越多，页面加载花费一定的时间，用户体验差。

解决方案：一个路由打包一个js文件，只把首页的js文件请求下来，别的先不请求，先放在服务器。懒加载。用到时在加载。

 

路由的嵌套：

this.$route是当前的活跃的路由，this.$router是当前项目的vue-router实例。

导航守卫：路由跳转的时候监听，做些事情。组件加载时通过created函数回调即可实现跳转监听，但是不好用。

全局导航守卫：router.beforeEach(function(to,from,next){

从from跳转到to

document.title = to.matched[0].meta.title

next()(必须要调用下，否则不会跳转)

})