vue复习踩坑--vuex数据更新以及页面获取

vue复习踩坑–vuex数据更新以及页面获取
今天复习vuex的使用,复习了一下,页面改变从vuex中获取的数据,然后再切换页面之前beforeDestroy阶段将更新的数据赋值回去vuex中,但是到了另一个页面,按常规操作是在created中获取数据,但是在这里created貌似会发生延迟的现象,vuex改变了,但是页面拿到的还是旧的数据。效果如下:
app.vue
在这里插入图片描述
1,页面一,
在这里插入图片描述
页面一代码,点击加一,并且在销毁之前将新数据传递回去
在这里插入图片描述
2,页面二
在这里插入图片描述
页面二代码
在这里插入图片描述
3,不难看出,如果在页面直接获取vuex中的数据是可以的,利用computed来监控数据也是可以得到新数据的,唯独使用created不行,跳转过去是旧数据,跳出去再进去就更新了,貌似第一次进去created里面那一行没执行的样子。
在这里插入图片描述
4,一个解决办法(加了个定时器),的确可以了,但是加定时器竟然能够实现数据更新,说明了什么问题?但是延时这种操作有什么意义?跟获取数据啥关系?
4.1
在这里插入图片描述
4.2
在这里插入图片描述
5,换个生命周期函数mounted,就可以了,但是为什么?mounted都已经到了操作dom的阶段,为什么在这个时期获取数据就能获取到新数据?created还太早?mounted才是时候?生命周期真是个迷
5.1
在这里插入图片描述
5.2
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_小郑有点困了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值