这是我放在githb上关于vue模型设计的一个思想,目前还在更新中…
如果有更好的建议,欢迎评论哦
github 模型设计
1. 模型设计
在 MVVM 下面的模型设计,如果没有一定的准则,才开始开发很容易随意定节点,然后随意挂载
在经历我们项目的一轮重构之后, 我们的模型设计原则:
- 添加 namespaced,用以隔离各个业务模块的 mutations, actions。
- 结构类似,以 namespaced 及节点名字区别此 data model 属于哪个业务。
- data model 中如果存在其他业务模型,则用 module 的方式挂载
- 在使用的命名空间之后,很多方法其实都是类似的,比如获取列表页面,删除,增加,唯一不同的是里面的 API 名字
针对 mutations 写全重用的方法,在业务中合并入可重用的所有方法
针对 Action, 可抽象出所有的相似的点在重用的公共方法中 - 在 Action 中覆盖动态更新的变动,如果在页面子页面做了删改增加的动作,需要刷新,则直接在 vm 中更新,页面不需要跟随变化做任何处理
- 在公共重用的文件中包含:
a. data model 中分页的结构
b. mutation 中的获取数据(包含条件查询),修改数据
c. action 中修改数据,删除数据,刷新列表数据