看下這段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}}"/>