think - Vuex 使用场景

2017-09-17  本文已影响0人  Kunine

目前是在做一个后台管理系统模板,目的是方便以后公司使用。

问题: 是否要将商品发布数据状态用 Vuex 保存

考虑:

组件化后,当组件内的数据需要提交到第一层的时候,过于复杂,代码冗余度高

  1. 一些简单的数据用 vuex 保存会导致数据存储复杂化
  2. 如果分开存储,会导致代码逻辑不清晰
  1. 状态统一管理,清晰明了
  2. 代码冗余度较低
  3. 减少渲染页代码量
  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: []
  }
上一篇 下一篇

猜你喜欢

热点阅读