![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
router
邱自强
这个作者很懒,什么都没留下…
展开
-
详解路由生命周期
特例说明: beforRouteEnter 跳转路由组件渲染之前的钩子 由于组件还没有渲染所以只能在next(vm(获得当前组件所有实例))点击一个导航进入页面之后页面发生了什么?进入页面之前 beforRouteLeave 在路由跳转之前调用1.导航被触发2.在失活的组件里(即将离开的页面组件) 里调用离开守卫 beforRouteLeave3.调用全局的前置守卫 beforEach4.在重用的组件里调用 beforRouteUpdate5.调用路由独享的守卫 beforEnter6.原创 2020-07-13 09:40:33 · 1706 阅读 · 1 评论 -
keep-alive组件配合vuex实现页面路由切换数据不丢失(一般用于新增页)
原理:keep组件的原理不是缓存数据到浏览器 而是强制其dom树不然刷新应用场景:字段很多的新增页面中 填入信息中途因故断开导致页面刷新或者回退进入数据又要充填1.给要缓存的路由页面元信息加上自定义属性2.然后再应用中体router切换盒子组件中加入路由判断 <transition name="fade-transform" mode="out-in" > <keep-alive v-if="$store.state.app.keepAlive">原创 2020-07-11 17:32:55 · 688 阅读 · 0 评论