未分類
9 4 月 2020

vuex 更新多级数据，如何使用比较好？

vuex 更新多级数据，如何使用比较好？

資深大佬 : daiwenzh5 9

比如说一个评论功能，可以在文章的评论中进行评论，即主评论中包含子评论，

  • 文章
    • 评论
      • 子评论

这样三级的数据，甚至千层饼，是否要将文章列表放置在 vuex 中，

  • 1：若不放在 vuex 中，新增评论等其他操作，数据如何直接同步渲染外层的视图；
  • 2：若放在 vuex 中，更新或新增一个子评论，怎么设计比较好？传数组索引吗？一层层传递？
  • 3：vuex 中放置文章列表，更新数据是替换，还是直接追加？

想了解一波解决方案，权衡一下，大家不管从哪个角度切入，都说说自己的看法啊。

大佬有話說 (7)

  • 資深大佬 : optional

    把 mutation 方法一直往下传。把更新操作或者 diff 放事件里一直往上拋。
    不管怎么做，最后解决方案本质上都是类似于 vuex 的。

  • 資深大佬 : ccraohng

    平级放，渲染前转为树性结构

  • 資深大佬 : huijiewei

    vuex 只放全局的

    其他的用组件通讯

  • 資深大佬 : tikazyq

    1. 你这种多级结构，最好用 vuex ；
    2. 直接在 vuex 里用 mutations 操作就可以了，不用考虑复杂了；
    3. 增删改查，push/splice，用好了就没什么难的了

    总体感觉主的基础不是很牢哟，还需要多学习一下

  • 資深大佬 : guolaopi

    建议可以参考下文件树递归那种方式。

  • 資深大佬 : doommm

    normalize，就是把结构拍平， redux 的文档里有提到，可以去看看

  • 資深大佬 : doommm

    @doommm https://redux.js.org/recipes/structuring-reducers/normalizing-state-shape