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

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

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

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

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

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

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

你可能感兴趣的:(vuex页面刷新问题及KeepAlive的使用)