模板语法_14. 教你零基础搭建小程序:模板语法-运算

艾瑞巴迪~~~~今天,我们讲模板语法的第二个种类--运算。

点击下方链接,查看官网文档,大致了解一下~

https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/data.html#%E8%BF%90%E7%AE%97

运算,是指可以在{{}}内进行简单的运算,可以在{{ }}内加入表达式。

表达式:这里指一些比较简单的运算。

比如:数字运算;字符拼接;逻辑运算。 可在{{ }}内实现数字的加减乘除、字符串的拼接、三元表达式等。 但不能直接加语句

与之较容易混淆的是对象是“语句”。

语句:较复杂的代码段。

比如:if else 语句;switch 语句;for……

下面介绍几种常见的表达式

1、数字运算

在demo03.wxml 文件中使用view标签进行 “1+1” 的数字运算,代码如下:

 {{1+1}}

按下保存键,看屏幕显示的结果

f00c4602bfb596a74ee2ae1af1854113.png

2、字符串

在demo03.wxml 文件中使用view标签将上面的 “1+1” 的数字运算,

改为字符串,代码如下:

{{"1"+"1"}}

按下保存键,看屏幕显示的结果,结果为 11,如下图。

d3fd7411486f1dd1276ae9a90d1822ea.png

3、三元表达式

在demo03.wxml 文件中使用view标签进行 三元式表达式运算,

要让10*2 求余等于0,完成后,输出为“偶数”;否则就输出“奇数”。

这个表达式的代码如下:

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

按下保存键,看屏幕显示的结果,结果为 偶数 ,如下图。

e0f867196c9d6d7c28f8712ff212c74a.png

在这个表达式中,可把10、2改成变量等……

这章比较简单,明天有重磅炸弹哦~~~~尽请关注吧友友们~~~~

22896b38ec0920a458c429fe8aff719a.png

搜索并关注微信公众号:飞寝旺食

获取更多小程序运营干货、免费的开发教程、源代码等!

做小程序我们是认真的!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值