美文网首页
think - Vuex 使用场景

think - Vuex 使用场景

作者: Kunine | 来源:发表于2017-09-17 14:27 被阅读0次

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

    • 目前相对复杂的就是商品发布模块,其中商品的数据需要经过格式化,内容比较零散,于是把相关的小模块一个个提取出来。好处有两个
      1. 代码结构清晰,易修改
      2. 组件化 方便以后复用

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

    考虑:

    • 原因:

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

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

    相关文章

      网友评论

          本文标题:think - Vuex 使用场景

          本文链接:https://www.haomeiwen.com/subject/byopsxtx.html