微信小程序 数据绑定 和 数据运算

* 使用 “{{   }}”来绑定数据、做数据运算。

数据绑定：

　　1. 在wxml中的标签中绑定 js 中 data 属性中的 数据

　　2. 数据也可以绑定在 标签 的 属性 中

　　3. {{ }}中可以使用三元表达式

数据运算：

　　1. 数学运算 {{ 1 + 1 }}

　　2. 字符串拼接 {{ ‘1’ + ‘1’ }}

　　3. 三元表达式 {{ true? 'value1'：'value2' }}

<view>
    <!-- 1. 绑定data中的数据 -->
    <view>人物：{{name}}</view>
    <view>
        要买的东西：
        <text>{{shopping.food}}-</text>
        <text>{{shopping.shoe}}-</text>
        <text>{{shopping.drinks}}</text>
    </view>

    <!-- 2. 绑定三元表达式 -->
    <view>{{10 % 2 === 0? '偶数': '奇数'}}</view>

    <!-- 3. 绑定data中的数据给属性 -->
    <view data-money="{{money}}"></view>
    
    <!-- 4. 运算 -->
    <view>{{1 + 1}}</view>              <!-- 2 -->
    <view>{{'1' + '1'}}</view>          <!-- 11 -->
    <view>{{true? '对': '错'}}</view>    <!-- 对 -->
</view>