微信小程序wxm标签-【微信小程序】WXM微信标签语言特性----数据绑定-小程序标签-即速应用

微信小程序wxm标签-【微信小程序】WXM微信标签语言特性----数据绑定-小程序标签

浏览量：1871 时间：2020-03-20 来源：我仅是只程序媛吗

进行数据的动态更新，使用Mustache的方法，变量名加双括号的语法。
1.可以使用于文本绑定，wxml中格式如下：
text{{message}}/text
2.js文件如下：
Page({data:{message:'显示一下：社会人，你好'}})
3.显示如下：
4.
5.也可以使用在属性值中：
6.注意事项：变量属性小写。
textdata-name="{{theName}}"/text//jsPage({data:{theName:'janny'}})
7.也可以用于运算符绑定,wxml如下：
viewhidden="{{flag?true:false}}"Hidden/view//jsPage({data:{flag:true}})
8.还有字符串绑定，组合式绑定，扩展运算符绑定，控制属性，关键字，运算（三元运算，算数运算，逻辑判断，字符串运算，数据路径运算，组合，数据，对象（如果存在相同的变量，后者会覆盖前者））
9.注意事项：花括号和引号间如果有空，则默认为字符串。
10.小程序中的共同属性：
11.id：String类型组件的唯一表示
12.class：String类型对应的样式类
13.style:String类型内联样式
14.hidden：Boolean类型默认显示
15.data-*：Any类型自定义属性，组件上触发的事件时，会发送给事件处理函数。
16.bind*/catch*EventHandler类型组件事件