一、应用场景一：后台获取的时间太长，需要进行删减，如图

5f6b355eba55b976d09701c6a690ad7.png

这个后台时间太长，需要在前端将数据切割字符串，弄成下图这样

QQ截图20191212161952.png

方法：

//assembleList为后台数据data，通过循环数据，然后set进行修改，再通过forceUpdate上传数据。完成！
 this.assembleList.forEach(serviceItem => {
               this.$set(serviceItem,'startTime',serviceItem.startTime.substr(0,10))  
                this.$set(serviceItem,'endTime',serviceItem.endTime.substr(0,10))  
            })
this.$forceUpdate()

二、应用场景二：后台获取的的数据需要前端进行处理计算，例如，需要对后台数据求百分比，一般后端人员不会计算，都由前端人员进行处理。如图：

QQ截图20191212162604.png

需要将图里面的数据进行计算，求百分比

      //如果只有一条data数据，可以不用循环，直接map修改
            this.obj =this.personList.map(item => {//cutPrice已砍  totalPrice总可砍
                 this.jindu =  Math.ceil(item.cutPrice/item.totalPrice*100)
                return item
            })
    //如果是多条，可以自定义一个新字段，然后进行赋值
            for(let a = 0 ; a < this.personList.length ; a++){
                  this.personList[a].percent =  
                 (this.personList[a].cutPrice/this.personList[a].totalPrice*100).toFixed(0);
               }