Vue 2.0 如何优雅的处理 resource？

目前虽然使用了 vue-resource 感觉并不够完美，场景如下：
在 login, signup, forgot-pass 三个页面分别有 captcha 显示
在 vuex 里使用了 state.cap={login:0, signup:0, forgot-pass:0}//纪录 captcha.id 这里，将来和值一道送到 API 校验

so far so good

现在有一个 captcha 刷新的需求，即页面第一次打开 || 验证码异常 || 手动点击需要刷新一次

方案 A(初期方案), 放到对应的 x.vue 文件里，这样做的好处是简单，不好的地方是需要维护 3 个地方，同一个功能

方案 B(现在方案)，当写到第 3 个 x.vue 的时候我觉得该集成了(新手一枚)，唯一能集成的地方就是 vuex.methods 里面了，就这样连 vue-resource + 原来的 method code + type 参数 都搬进去了。功能是实现了，但是新问题来了
第一， vuex 这样下去会不会太臃肿了？本人是前端新手
第二，需要修改一些 component 级的 prop ，这时候可能要把东西再传入 vuex
第三，难道就没有更抽象一点的 resource 的概念吗？ let cap = new CapResource(); cap.loadNewCap({type:login}); //do something in success

新手一枚，想弄明白如何能够较幽雅的实现这个功能，谢谢。