vuex页面刷新问题及KeepAlive的使用

1.在vue的项目中,当我们想多个组件进行共享信息时,通常会有用到vuex(Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化.),解决这个事情。

但是当页面刷新时,vuex的store数据会消失,如何解决这一问题,通常的办法是存sessionStorage或localStorage,(根据实际情况选取存储方式)

根据是否为刷新状态,来判断取store还是进行本地存取,对所需信息赋值

2.keep-alive是缓存组件,防止二次渲染,这样会大大的节省性能。

使用时需要在需要缓存的路由下面加入此属性

它的生命周期是这样的:当引入keep-alive的时候,页面第一次进入,钩子的触发顺序created-> mounted-> activated,退出时触发deactivated。当再次进入(前进或者后退)时,只触发activated。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.Vue的数据双向绑定如何实现?Vue的数据双向绑定如何实现? v-model指令或者.sync修饰 2.Vue...
    骑着蜗牛逛妓院阅读 3,863评论 1 11
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,280评论 0 25
  • vue去哪网跟学笔记 记录学习点滴 1. 初始化项目 1.1 手机显示配适 minimum-scale=1.0,m...
    noobakong阅读 2,312评论 0 16
  • 文章首发于个人博客 前言 使用vue的时候经常会遇到一些问题,其实仔细阅读查阅官方文档,就会发现文档中已提到一些格...
    IOneStar阅读 4,915评论 1 28
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 9,772评论 1 52