减少vue公用组件的请求次数

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_35958891/article/details/102543207

举例

收款方式选择这个功能在很多个模块中都会用到，为了提高开发效率和代码更加容易维护，将收款方式封装成公用的组件

问题

如果不对收款方式列表请求做处理，只是在created或mounted中请求收款方式列表，就会造成每一次使用这个组件都会去请求收款方式的接口造成多余的请求

解决办法

在公用组件的creatd中做判断，如果vuex中收款方式列表的长度为0，就请求接口获取数据，并把数据存到vuex中，如果收款方式列表长度大于0，就直接从vuex中获取数据，不请求接口。当收款方式列表的基础数据做了修改后，往vuex中存入新的数据