美文网首页
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 使用场景

    目前是在做一个后台管理系统模板,目的是方便以后公司使用。 目前相对复杂的就是商品发布模块,其中商品的数据需要经过格...

  • 通过一个简单实例了解vuex

    简单说明 什么是vuex,vuex怎么使用,什么场景下适合使用vuex, vuex 文档中都有介绍。看完文档之后,...

  • VUEX基本介绍,包含实战示例及代码(基于Vue2.X)

    VUEX 1 VUEX基本介绍 1.1 官方API 1.2 什么是vuex 1.3 Vuex使用场景 1、Vuex...

  • vuex常见面试题

    1.vuex是什么?怎么使用?哪种功能场景使用它? 2.vuex有哪几种属性 3.不使用Vuex会带来什么...

  • Vuex使用场景

    最近本着学习的心态,拉取了公司大佬最新架构的vue项目好好研究一番。然而在vuex的使用上本人出现了很大的歧义。到...

  • vuex常见面试题

    (答案待更新...) 1.vuex是什么?怎么使用?哪种功能场景使用它? 2.vuex有哪几种属性 3.不使用Vu...

  • vue - vuex 使用进阶(一)

    目录: 核心概念使用方法及场景:statemutationsactionsgetters 多页面公用vuex实例在...

  • Vuex之结构

    之前整理了vuex的使用场景,现在开始学习学习怎么使用。我会根据官网api来重新学习一遍。 首先我们要安装vuex...

  • 2020常见vue面试题

    什么是vuex?在那种场景下使用? vuex是全局状态管理工具,它有以下几个核心部分组成: state:存储数据;...

  • vuex的一些思考

    vuex其实就是一个升级版的eventBus,eventBus的原理很简单,就是个观察者模式,vuex的使用场景无...

网友评论

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

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