Vue项目中created生命周期重复执行，未缓存下来

Vue项目中.vue文件的created函数进行路由切换时，执行了多次。

路由切换跳转时，发现一个页面的接口和页面展示每次进入都重新请求以及渲染，没有缓存下来，对比了一下的其它页面，并没有这个问题，所以说这个页面是特例，那么就说明这个页面的展示形式上有问题，一开始以为全局组件中用了keep-alive对页面做了缓存以及不缓存的处理，后来发现根本没有。

keep-alive组件既没用exclude，也没用include。

对照了一下其它页面，最后发现该.vue文件下的name采用了驼峰分割命名，其它页面没有，最后改成驼峰名与路由url名保持一致后，created函数就不会重复执行了！

补充说明：造成这种原因的地方在于路由文件跳转时采取的名称是每个.vue文件的name名，而路由跳转时写的名称都是驼峰名，而.vue文件中的name名与路由名两者不一致，但是也没报错，所以当时排查的时候，找了很久，差异区别就是.vue文件中的name名为user-admin，而路由跳转的name值为UserAdmin。

Vue项目中created生命周期重复执行，未缓存下来相关推荐

【vue】vue用了keep-alive生命周期只执行一次怎么办？
activated和deactivated也是生命周期,是专门为了使用了keep-alive的组件准备的,activated每次组件出现都会调用,deactivated每次组件离开都会调用. 实例: ...
MySQL中SQL生命周期与执行流程
[1]MySQL执行流程从MySQL的逻辑架构来看,如下图所示. 这里首先我们分析一下查询缓存,其在MySQL8中已经被抛弃. ① 查询缓存 Server如果在查询缓存中发现了这条SQL语句,就会直 ...
vue父子组件生命周期执行顺序_关于Vue组件的生命周期及执行顺序
本文主要讲述了:Vue组件渲染时的生命周期及执行顺序 Vue组件数据变更时的生命周期及执行顺序 Vue组件嵌套时的生命周期及执行顺序正文组件渲染时的生命周期在组件渲染时,每个Vue组件都有4个生 ...
解决Vue中的生命周期beforeDestory不触发的问题（用了keep-alive）
原因:给router-view加了个keep-alive导致组件缓存了,所以不会触发beforeDestory. vue项目中,在页面中使用了定时器.正常情况下,我们在生命周期 beforeDesto ...
Vue 进阶系列丨生命周期
Vue 进阶系列教程将在本号持续发布,一起查漏补缺学个痛快!若您有遇到其它相关问题,非常欢迎在评论中留言讨论,达到帮助更多人的目的.若感本文对您有所帮助请点个赞吧! 2013年7月28日,尤雨溪第一次 ...
vue项目中遇到的一些问题
或访问:https://github.com/littleHiuman/experiences-about-vue 欢迎补充! vuex 状态 vue-cli 命令行 vue vue vue-rou ...
vuejs页面跳转_【Vue 学习】 VueJS 生命周期
一.概述 Vue 的生命周期可以分为 8 个生命周期的执行点,从 new 创建 Vue 对象到对象的销毁,其中 4 个基本的,4 个特殊的,在下图中,红色标注的就是 8 个生命周期的执行点,前四个为基 ...
vue手机端回退_从外链回退到vue应用不触发生命周期、beforeRouterEnter等钩子函数的问题...
在iphoneX及以上版本从外链回退不触发事件,7P,7没发现这个bug 安卓上自测没有发现这个问题最近做项目中发现了一个问题,iphoneX及以上版本从当前vue应用中跳转到外部链接然后在回退到v ...
day4 vue 学习笔记组件生命周期数据共享数组常用方法
系列文章目录 day1学习vue2笔记 vue指令 day2 学习vue2 笔记过滤器侦听器计算属性 axios day3 vue2 学习笔记 vue组件 day4 vue 学习笔记组件生命 ...

Vue项目中created生命周期重复执行，未缓存下来

Vue项目中created生命周期重复执行，未缓存下来相关推荐

最新文章

热门文章