資料繫結有一部分前幾個看著還行，後面的幾個可能有幾個不理解，介面展示的資料有的也因為條件沒法顯示。看不懂的可以先記著，後面真正用到時就會明白，反正我是這樣想的。這裡先記錄下

data.wxml

<!--資料繫結使用物件---內容-->
<view>{{message}}</view>

<!--資料繫結使用物件---元件屬性---需要在雙引號之內-->
<view id="item-{{id}}">元件屬性</view>

<!--資料繫結使用物件---控制屬性---需要在雙引號之內-->
<view
 
 wx:if="{{condition}}">控制屬性</view>

<!--資料繫結使用物件---三元運算-->
<view hindden="{{flag ? true : false}}">三元運算子</view>

<!--資料繫結使用物件---算數運算-->
<view>我是運算結果---{{a + b}} + {{c}} + d</view>

<!--資料繫結使用物件---邏輯判斷-->
<view wx:if="{{length > 5}}">asdf</view
 
>

<!--資料繫結使用物件---字串運算-->
<view>{{"Hello  " + name}}</view>

<!--資料繫結使用物件---陣列組合-->
<view wx:for="{{[zero, 1, 2, 3, 4, 5, 6]}}">{{item}}</view>

<!--資料繫結使用物件---物件-->
<template is="objectCombine" data="{{for: x, bar: y}}"></template>

<!--資料繫結使用物件---擴充套件運算子物件 ...  將一個物件展開-->
 

<template is="objectCombine" data="{{...obj1, ...obj2, p: 5}}"></template>

<!--資料繫結使用物件---物件的key和value相同時-->
<template is="objectCombine" data="{{foo, bar}}"></template>

data.js

Page({
  data:{

    //內容繫結
    message: 'Hello WeApp',

    //元件屬性繫結
    id: 0,

    //控制屬性繫結
    condition: true,

    //三元運算
    flag:false,

    //算數運算
    a: 1,
    b: 2,
    c: 3,

    //邏輯判斷
    length: 6,

    //字串運算
    name: '順子',

    //陣列組合
    zero: 0,

    //物件

    x: 0,
    y: 1,

    //物件展開
    obj1: {
        a: 1,
        b: 2
    },
    obj2: {
        c: 3,
        d: 4
    },
    p: 5,

    //物件key和value形同時
    foo: 'my-foo',
    bar: 'my-bar'



  },
})