介紹

小程序開發框架的目標是通過盡可能簡單、高效的管道讓開發者可以在用戶端中開發具有原生APP體驗的服務。

整個小程序框架系統分為兩部分：邏輯層（App Service）和渲染層（View）小程序提供了自己的渲染層描述語言WXML和WXSS，以及基於JavaScript的邏輯層框架，並在渲染層與邏輯層間提供了資料傳輸和事件系統，讓開發者能够專注於數據與邏輯。

響應的數據綁定

框架的覈心是一個響應的數據綁定系統，可以讓數據與視圖非常簡單地保持同步當做數據修改的時候，只需要在邏輯層修改數據，渲染層就會做相應的更新。

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

<!-- 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: 'TCMPP'
}

// Register a Page.
Page({  
  data: helloData,  
  changeName: function(e) {    
    // sent data change to view    
    this.setData({      
      name: 'World'    
    })  
  }
})

• 開發者通過框架將邏輯層數據中的name與視圖層的name進行了綁定，所以在頁面一打開的時候會顯示Hello Luffa Cloud！
• 當按一下按鈕的時候，視圖層會發送changeName的事件給邏輯層，邏輯層找到並執行對應的事件處理函數；
• 回呼函數觸發後，邏輯層執行setData的操作，將data中的name從Luffa Cloud變為World，因為該數據和渲染層已經綁定了，從而渲染層會自動改變為Hello World！

頁面管理

框架管理了整個小程序的頁面路由，可以做到頁面間的無縫切換，並給以頁面完整的生命週期開發者需要做的只是將頁面的數據、方法、生命週期函數注册到框架中，其他的一切複雜的操作都交由框架處理。

基礎組件

框架提供了一套基礎的組件，這些組件自帶統一風格的樣式以及特殊的邏輯，開發者可以通過組合基礎組件，創建出强大的Luffa Cloud小程序。

豐富的API

框架提供豐富的原生API，可以方便的調起小程序SDK提供的能力，如獲取地理位置資訊，本地存儲等。