資料繫結

在每個頁面檔案的js檔案中我們可以找到data，這裡用於存放我們定義的資料，要在頁面中渲染打印出這些資料可以在對應的頁面檔案wxml裡面增加

   <view>
      {{person}}
    </view>
     <text class="" selectable="false" space="false" decode="false">
      
     </text>
     

這裡的text像是html中的p標籤（行內元素），而view像是裡面的div（塊級元素），注意用view渲染物件的內容時要用雙括號括起來物件的名稱，比如這裡的person，如果括起來的物件是一個object，那麼只會顯示是一個object，具體顯示要通過.xxx來顯示，比如person.name打印出物件person中的name屬性。

運算

在view中花括號內是可以加入運算的

運算就相當於表示式，但是不相當於語句，所以花括號中不能加入語句中的一些項，下面列舉出可以填的三類表示式

列表渲染

陣列迴圈

就是迴圈wxml中的list

以下是表現結果

物件迴圈

wx:for="{{物件}}" wx:for-item="物件的值" wx:for-index="物件的屬性"//所以每個=後面的內容都要根據要迴圈的物件改變，避免誤導人
//迴圈物件的時候建議把item和index的名稱都修改一個一看就懂是什麼的單詞

block

特性

1. 相當於一個佔位符標籤

2. 寫程式碼時，可以看到標籤的存在

3. 頁面渲染時，小程式會把它移除掉

將本身的view標籤改成block標籤後，當我們檢視標籤時看不到迴圈的類，也看不到標籤的存在

當你要迴圈某些資料或物件時，如果不想額外的加外標籤可以使用block標籤

條件渲染

1.wx:if

wx:if="{{true/false}}"當值為true時標籤顯示，否者標籤隱藏

當括號內填入變數時可以動態的調整顯示

這裡還有個else if只是合併寫為elif

2.hidden

用法：

1.在屬性上直接加入屬性hidden

2.hidden="{{true}}"

使用建議