微信小程序中的数据绑定

 在微信小程序中过使用的是WXML语言，下面介绍一些关于这个语言的特性，在数据绑定中Wxml中的所有数据都来自于我们pages中的data,在wxml中所有的控制属性都要在一个双引号加两个花括号之间。

一 字符串

<view>{{msg}}view>

二 数字

<view>{{num}}view>

三 bool

<view>是否是伪娘:{{isGirl}}view>

四 boject

先来看看我们的js文件

Page({
  Person:
  {
    age: 19,
    school: "Hust",
    name: "Cheng"
  }
})

下面来看我们的wxml文件

<view>{{Person.age}}view>
<view>{{Person.school}}view>
<view>{{Person.name}}view>

五 在标签的属性中使用

这个在页面中是不会显示的，要到控制台去观察能看到data-num 被转化为一个数字

<view data-num="{{num}}">1view>

六 使用bool运算

<view>
    <checkbox checked="{{ischeck}}"> checkbox>
view>

七 使用运算符和表达式

<view>{{1+1}}view>


<view>{{'1'+'1'}}view>


<view>{{10%2==0 ? "偶数":"奇数"}}view>


<view wx:if="{{num > 100}}"> "ok"view>


<view>{{"hello" + name}}view>


<view>{{Person.age}} {{array[0]}}view>

<!其js文件如下-->
Page({
  data: {
    object: {
      key: 'Hello '
    },
    array: ['MINA']
  }
})


<view wx: for="{{[0,1,2,3,4]}}">{{item}}view>

码字不易，求一键三连(^_−)−☆