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

本文介绍了微信小程序中WXML的数据绑定原理和常见应用场景,包括内容绑定、属性绑定、三元运算和算术运算。通过实例展示了如何动态操控页面显示和元素属性,帮助开发者更好地理解和运用数据绑定。
摘要由CSDN通过智能技术生成

🍒 观众老爷们好呀,考试终于结束了,牛牛立马更文来庆祝一下。上文我们对小程序的运行机制和更新机制进行了讲解,那么接下来我们进入WXML模板语法——数据绑定,期待吗,那我们现在就开始吧!
🍒 本节在开发中会经常用到,快拿小本本记下来呀!

一,基本原则

首先我们对数据绑定进行简单的介绍,这是微信WXML模板语法中比较重要的一块。数据绑定简单理解,其实就是我们在某页面的WXML中动态地对数据进行绑定,然后在逻辑层,也就是在当前页面的JS文件中,操控数据。

这个思想其实就是我们之前说到的MVVM开发模式,我们只需要通过控制JS中的状态,就直接对页面进行操控,达到渲染与逻辑分离的效果。

数据绑定的基本原则就是,在JS文件中的data中动态操控数据,而在页面的wxml文件将数据绑定。

wxml文件的数据绑定需要遵循Mustache语法,简述就是——用双大括号将变量包住

如下我们举一个栗子:
我们在js文件操控文件

data : {
   
		info : "hello world"
	}

然后进行数据绑定

<
评论 20
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

前端小刘不怕牛牛

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

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

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

打赏作者

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

抵扣说明:

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

余额充值