主頁 > 微信平臺開發 > 微信網站開發 >

微信小程序游戲開發中的響應的數據綁定

  微信小程序游戲開發中的響應的數據綁定,框架的核心是一個響應的數據綁定系統。

  整個系統分為兩塊視圖層(View)和邏輯層(App Service)框架可以讓數據與視圖非常簡單地保持同步。當做數據修改的時候,只需要在邏輯層修改數據,視圖層就會做相應的更新。

  通過這個簡單的例子來看:

  <!-- This is our View -->

  <view> Hello {{name}}! </view>

  <button bindtap="changeName"> Click me! </button>

  // This is our App Service.

  // This is our data.

  var helloData = {

  name: 'WeChat'

  }

  // Register a Page.

  Page({

  data: helloData,

  changeName: function(e) {

  // sent data change to view

  this.setData({

  name: 'MINA'

  })

  }

  })

  開發者通過框架將邏輯層數據中的 name 與視圖層的 name 進行了綁定,所以在頁面一打開的時候會顯示 Hello WeChat!

  當點擊按鈕的時候,視圖層會發送 changeName 的事件給邏輯層,邏輯層找到對應的事件處理函數邏輯層執行了 setData 的操作,將 name 從 WeChat 變為 MINA,因為該數據和視圖層已經綁定了,從而視圖層會自動改變為 Hello MINA! 。

  
  • 1
  • 2
  • 3
3分pk10计划软件