微信小程序的数据绑定以及数据简单运算

WXML是框架设计的⼀套标签语⾔,结合基础组件、事件系统,可以构建出⻚⾯的结构。

在.js文件当中设置变量,包括数字,字符,逻辑,json,list等等。
首先在文件的data里面可以设置一些变量,数字,字符等。

	msg:"hello world",
    num:1000,
    xb:false

如下图:表示文件。以及代码编辑的区域。js文件就是现在所编辑的。
在这里插入图片描述
再者,在已经有变量之后,在wxml文件当中对数据进行获取,有俩个标签是很常见的。
分别就是<text><view>,text就好比html当中的行级元素,而view则好比于<div>块级元素。获取变量使用的是{{变量名}},如下所示:

<text>pages/img/img.wxml</text>
<text>123456789</text>    <!--行级元素-->
<view>987654321</view>    <!--块级元素-->
<view>{{msg}}</view>
<view>{{num}}</view>
<view>{{xb}}</view>

获取变量值后,看一下效果,以及text和view的区别。(最上面带颜色的是设置了样式,忘记取消了。。。)
在这里插入图片描述
还有就是json对象。定义数据。

 person:{
      name:"岳云",
      age:18,
      high:184
    },

获取当中的数据时,需要给出对象名.属性名,直接获取person会返回Object对象。

<view>{{person}}</view>
<!--对对象的值进行获取。-->
<view>{{person.name}}</view>
<view>{{person.age}}</view>
<view>{{person.high}}</view>

直接在wxml文件当中实现运算:数字运算以及字符拼接运算:

<view>{{1+1}}</view><!--简单运算-->  --》 = 2
<view>{{"1"+"1"}}</view>			--》 = 11
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Modify_QmQ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值