使用Vuex进行粒度组织

时间:2016-08-01 12:52:28

标签: javascript architecture vue.js vuex

我正在开展一个相当大的项目,我希望将from django.db.models.functions import Lower class MyModelAdmin(ModelAdmin): list_display = ('name',) search_fields = ['name'] def get_ordering(self, request): return [Lower('name')] # sort case insensitive 模块分成尽可能多的部分。例如,我想将Vuex功能与API分开,保持服务器中的数据与组件标志隔离,等等。

在文档(http://vuex.vuejs.org/en/structure.html)中,作者建议将所有内容都分解为UI,这很棒。问题就出现了,我说,modules作为一个页面,products作为数据,我希望将它们分开。

是否有可能实现这样的目标:

products

并能够像{ modules: { api: { products: // ... }, pages: { products: // ... } } } store.api.products那样访问它们吗?我弄错了吗?

谢谢!

1 个答案:

答案 0 :(得分:3)

我一直在查看<a href="{% url 'send_command' %}" class='btn btn-lg'>Button</a> 代码,我发现了这个:

vuex

事实证明,您可以通过执行以下操作来实际制作// retrieve nested modules const nestedMutations = this._createModuleMutations(module.modules, newNestedKeys) 模块:

vuex

它将导致像:

这样的州结构

Vuex State screenshot