🍒 观众老爷们好呀,考试终于结束了,牛牛立马更文来庆祝一下。上文我们对小程序的运行机制和更新机制进行了讲解,那么接下来我们进入WXML模板语法——数据绑定,期待吗,那我们现在就开始吧!
🍒 本节在开发中会经常用到,快拿小本本记下来呀!
一,基本原则
首先我们对数据绑定进行简单的介绍,这是微信WXML
模板语法中比较重要的一块。数据绑定简单理解,其实就是我们在某页面的WXML
中动态地对数据进行绑定,然后在逻辑层,也就是在当前页面的JS
文件中,操控数据。
这个思想其实就是我们之前说到的MVVM
开发模式,我们只需要通过控制JS中的状态,就直接对页面进行操控,达到渲染与逻辑分离的效果。
数据绑定的基本原则就是,在JS
文件中的data
中动态操控数据,而在页面的wxml
文件将数据绑定。
在wxml
文件的数据绑定需要遵循Mustache
语法,简述就是——用双大括号将变量包住。
如下我们举一个栗子:
我们在js
文件操控文件
data : {
info : "hello world"
}
然后进行数据绑定
<