目前虽然使用了 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
新手一枚,想弄明白如何能够较幽雅的实现这个功能,谢谢。
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/315332
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.