【微信小程序】WXML模板语法 —— 数据绑定

1.1、数据绑定的基本原则

        （1）在data中定义数据

        （2）在WXML中使用数据

1.2、在data中定义页面的数据

1.2.1、动态绑定数据

//在页面对应的.js文件中，把数据定义到data对象中即可：
Page({
    data:{
        //字符串类型的数据
        info:'init data',
        //数组类型的数据
        msgList:[{msg:'hello'},{msg:'world'}]
    }
})

//在页面对应的.wxml文件中，引用数据
<view>{{info}}</view>

 1.2.2、动态绑定属性：

//在页面对应的.js文件中，把数据定义到data对象中即可：
Page({
    data:{
        imgSrc:'http://www.itheima.com/images/logo.png'
    }
})

//在页面对应的.xml文件中，引用数据
<image src="{{imgSrc}}"></image>

 2.1、三元运算

Page({
    data:{
        //生成10以内的随机数
        randomNum:Math.random() * 10
    }
})

<view>{{randomNumber >= 5 ? '随机数字大于或等于5' : '随机数字小于5' }}</view>

 2.2、算数运算

Page({
    data:{
        //生成一个代两位小数的随机数：例如0.34
        randomNum:Math.random().toFixed(2)
    }
})

<view>生成100以内的随机数：{{randomNum * 100}}</view>