曹刘阳编写高质量代码：web前端开发修炼之道-前端开发和web前端

曹刘阳编写高质量代码：web前端开发修炼之道分享给前端小伙伴（一）使用groupload前端获取数据-vuex在解决一个使用vuex来保存数据的案例时，数据存储是不可避免的，存储数据的方式有很多种，例如像redux这样的存储模式等，都不同厂商有自己的模式，我们一开始需要选择一种适合我们企业的存储模式。

由于js这个技术的特殊性，所以我们选择vuex。接下来进入正题。我们用vuex来存储数据，不可避免的就涉及到传递参数到vuex中的问题，通常情况下vuex传递一个bind，我们会采用hash的方式来存储vuex中的数据，但是有时候也会用到directive曹刘阳编写高质量代码：web前端开发修炼之道，比如setstate、proptypes等等。

使用hash方式传递数据是会有一定的弊端的，就是如果这个属性在业务中重复存在的话，如果该属性的数据被修改过，那么其余数据的地址就会改变，所以目前对于重复的属性我们一般都使用dirtyrelate()这个库对其进行处理。在这篇文章中只是把vuex用来存储数据，这样便于读写，并不会用vuex来开发企业级应用。

我们先来讲讲vuex的model。什么是model我们在描述数据的表现形式时，为了方便描述，往往会用一种模式，比如：model.describe。在vuex中，model是用来描述数据的映射关系的。我们做一个简单的示例：offset=a.get('');对于vuex：对于model的定义：model:{prototype:function(){return}model是你要处理数据的对象，a就是你传递给model的arguments，要注意：model是一个函数model.then(image)：函数的处理函数；model.then({name:'baowei'})：函数的反馈函数，回调函数，每一个回调函数都会创建一个匿名函数。

model.set({prototype:{method:'directive'}})：每一个set函数都会有一个业务逻辑vm=vuex.vm(model.get(''))：用requirejs来生成model对象vm.values:[{value:'baowei'}];vm.total:null;当vm被定义的时候，我们就可以使用相应的回调函数来处理数据了。

（二）创建model对象，定义model的公共属性我们定义一个model：{{prototype:function(){return}但是在代码中为什么要这样写呢？其实我们可以把model的公共属性全部写在set方法中，但这样显得有点麻烦，只有写在model.get('')中曹刘阳编写高质量代码：web前端开发修炼之道，这样model对象中的属性才可以存在，那我们可以用vuex的生命周期的方式来让mode。