V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lygmqkl
V2EX  ›  Vue.js

Vue 2.0 如何优雅的处理 resource?

  •  
  •   lygmqkl · 2016-10-25 15:32:30 +08:00 · 8457 次点击
    这是一个创建于 2976 天前的主题,其中的信息可能已经有所发展或是发生改变。
    目前虽然使用了 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

    新手一枚,想弄明白如何能够较幽雅的实现这个功能,谢谢。
    1 条回复    2016-10-25 15:40:06 +08:00
    AdamChrist
        1
    AdamChrist  
       2016-10-25 15:40:06 +08:00
    顺便问问....用了 dva 之后..看 vuex 感觉也不够优雅..vue 有类似 dva 框架么?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2411 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 15:59 · PVG 23:59 · LAX 07:59 · JFK 10:59
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.