vue的页面缓存方案以及组件通讯

对于一个后台管理系统:

一:做法为在App.vue中设置统一的缓存标签:<keep-alive></keep-alive>

vue的页面缓存方案以及组件通讯

1、这里的keep-alive会作用到全局,多部配置页面在多个页面切换可以回显数据,防止数据丢失

2、keep-alive缺点:每一个vue的页面生命周期只会执行一遍,即钩子函数只执行一遍,若有在钩子函数中需要实时同步后台数据的场景请谨慎使用,防止后台数据刷新但是前台页面展示不了。这里考虑后台管理系统在钩子函数中获取的数据都是一些固定不变的字典数据,且随时刷新页面重新加载页面,所以采用了keep-alive

二:组件通讯

一个父页面嵌套了多个子页面,子页面之间互相通讯需要通过父页面作为中转(好像也有其他方式,我不太确定),对于分步配置比较难受,这里采用vuex,实现组件间的直接通讯

1、vuex的缺点,使用 Vuex 可能是繁琐冗余的。繁琐是每次子页面打开都需要重写渲染数据。冗余是通过其他方式也可以实现(可能不准确,暂时只能这么理解)