小程序学习--ES6扩展运算符的用法

看下这段JS代码,请求到数据之后,在前端渲染页面都是需要写上前缀,

比如我这个代码中的前缀是classic,所以在渲染的时候,都需要写上classic.字段名

onLoad: function (options) {
  
    classicModel.getLatest((res) => {
      this.setData({//数据绑定和数据更新
         classic: res,
      })
    })
  },

  <v-movie hidden="{{classic.type!=100}}" 
              img="{{classic.image}}" 
              content="{{classic.content}}"/>

可以看到,都是需要写上classic.才能正常显示出来.

---

ES6扩展运算符用3个.就可以改写classic:res

onLoad: function (options) {
  
    classicModel.getLatest((res) => {
      this.setData({//数据绑定和数据更新
         
         ...res
      })
    })
  },

一旦这样改写之后,前端页面就不需要classicc.的前缀写法,这时候只需要写上字段名就行了

  <v-movie hidden="{{type!=100}}" 
              img="{{image}}" 
              content="{{content}}"/>