你好呀,上周和你聊了聊WXML是什么的话题,这周来和你聊聊“WXML怎么用”相关的话题。
今天想和你聊聊“数据绑定”这个概念。啥叫数据绑定,数据绑定与WXML怎么用是什么关系呀?
数据绑定是什么?在开发中通常会显示一些值,比如文本框中的值。这个时候怎么做呢?通常需要写一大段的JS来赋值,简单来说也就是2步,首先获得文本框的对象,然后通过对象的value属性给其赋值。而在小程序中,有一个更加节省成本的方法,也就是更方便的方法。将一个值使用一段变量进行绑定,在JS中再对该变量进行赋值。这个对数据进行赋值的解决方案,就叫做数据绑定。
嗯哼,咋一看,这两种方式好像都么有什么区别,都是通过变量修改文本的值呀。原先的方式是需要获得每一个标签的对象,然后通过对象的属性修改对象的值。现在的方式是,我不需要通过对象寻找,只通过自定义的标签就可以修改了。
<view>
<text>{{info}}</text>
</view>
<!-- --------- 数据绑定 --------- -->
Page({
data:{
info: "hello"
}
})
<!-- --------- JS方式 --------- -->
var text = document.getElementByTagName('text');
text.value="hello";
省去了寻找对象,就可以不限于给标签赋值了。还可以用这种方式对标签的属性赋值。
那这和WXML又有什么联系呢?WXML类似于HTML,是一门标签语言,数据绑定就是对它里面的标签内容和属性做修改。
如果说WXML是一个广告牌的话,数据绑定就相当于一块芯片,用在哪儿,那一块的图像就可以随时改变。
这里是怀英的小茶馆,有空来坐坐。