133 - 修炼 - 小程序的知识点05

你好呀，上周和你聊了聊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是一个广告牌的话，数据绑定就相当于一块芯片，用在哪儿，那一块的图像就可以随时改变。

这里是怀英的小茶馆，有空来坐坐。