小程序框架將整個系統(tǒng)劃分為視圖層和邏輯層，視圖層是由框架設計的標簽語言WXML（WeiXin Markup Language）和用于描述WXML組件樣式的 WXSS（WeiXin Style Sheets）組成，它們的關系就像 HTML 和 CSS 的關系；邏輯層是一套運行在本地 JavaScript引擎的 JavaScript 代碼，在此基礎上框架實現(xiàn)了一套模塊化機制，讓每個 JS 文件有獨立的作用域和模塊化能力，這套模塊化機制遵循 CommonJS 規(guī)范。

小程序中視圖層和邏輯層的交互是通過數(shù)據(jù)綁定和事件響應實現(xiàn)的，這是一種單向綁定的機制。這套機制需要首先將邏輯層和視圖層的數(shù)據(jù)和事件進行綁定，當需要修改頁面時，邏輯層只需要調(diào)用特定的 setData方法修改已綁定的數(shù)據(jù)，這時框架會自動觸發(fā) WXML重新渲染，達到邏輯層對視圖的控制；當框架接收到用戶交互操作時，會根據(jù)視圖層綁定的事件，執(zhí)行邏輯層中對應的事件函數(shù)，達到邏輯層對視圖層的響應。

例如：

app.json

指定默認啟動頁面地址

index.wxml

視圖層

index.js

邏輯層

頁面中的數(shù)字隨著點擊次數(shù)增加，這種視圖層和邏輯層之間相互通信的機制便是小程序的數(shù)據(jù)綁定和事件響應系統(tǒng)。

雙擊666