Vue 2.0 如何优雅的处理 resource?

2016-10-25 15:32:30 +08:00
 lygmqkl
目前虽然使用了 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

新手一枚,想弄明白如何能够较幽雅的实现这个功能,谢谢。
8443 次点击
所在节点    Vue.js
1 条回复
AdamChrist
2016-10-25 15:40:06 +08:00
顺便问问....用了 dva 之后..看 vuex 感觉也不够优雅..vue 有类似 dva 框架么?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/315332

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX