目前是在做一个后台管理系统模板,目的是方便以后公司使用。
- 目前相对复杂的就是商品发布模块,其中商品的数据需要经过格式化,内容比较零散,于是把相关的小模块一个个提取出来。好处有两个
- 代码结构清晰,易修改
- 组件化 方便以后复用
问题: 是否要将商品发布数据状态用 Vuex 保存
考虑:
-
原因:
组件化后,当组件内的数据需要提交到第一层的时候,过于复杂,代码冗余度高
-
弊端:
- 一些简单的数据用 vuex 保存会导致数据存储复杂化
- 如果分开存储,会导致代码逻辑不清晰
-
利端:
- 状态统一管理,清晰明了
- 代码冗余度较低
- 减少渲染页代码量
-
Data
formData: {
type: '',
title: '',
intor: '',
freight: '',
mainImgs: [],
detailImgs: [],
banner: '',
totalStock: 0,
spec: [{
label: '颜色',
isInput: false,
inputText: '',
item: [{
label: '白色',
icon: 'http://xxx/images/20170906db49873acaaf4ff79b13fbc199f97025.jpg'
}, {
label: '卡其色',
icon: xxx/images/201709060f9949b868e5461bb72b84e42d2c12c3.jpg'
}
]
},
{ label: '第二层', isInput: false, inputText: '', item: ['第二层类别1', '第二层类别2'] },
{ label: '第三层', isInput: false, inputText: '', item: ['第三层类别1', '第三层类别2'] }],
stock: []
}
网友评论