Rumah > masalah biasa > teks badan

浅谈vuex数据缓存的问题

little bottle
Lepaskan: 2019-04-30 10:52:37
ke hadapan
5476 orang telah melayarinya

本篇文章主要讲的是关于vuex的数据缓存问题。页面中的页签使用vuex进行数据存储,当切换路由时,进行添页签渲染,而当页面刷新后,存储在store的数据就会被初始化,变为空,遇到这样的情况该如何解决?和小编一起来了解一下吧。

aa.png

描述: 页面中的页签使用vuex进行数据存储,当切换路由时,进行添页签渲染
问题: 当页面刷新后,存储在store的数据就会被初始化,变为空
解决: 最开始想法是用本地缓存来进行数据存储,但感觉并不是太方便,于是就有了vuex-along,话不多数,上代码

bb.png
引入vuex-along
watch() 方法里面存入的数组是你要进行数据保存的的,默认是全部数据缓存,不过有的是是不需要的,就可以在里面设置
watchSession()和watch()存储类似,不过warchSession是存储在session中,区别是关闭浏览器watch() 方法存储的数据不会丢失,watchSession,关闭浏览器数据就会丢失
onlySession()方法,是关闭当前页面,数据就会丢失

相关教程:vue视频教程


Atas ialah kandungan terperinci 浅谈vuex数据缓存的问题. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:segmentfault.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan