前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >133 - 修炼 - 小程序的知识点05

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

作者头像
用户1335799
发布2021-01-18 12:22:39
5150
发布2021-01-18 12:22:39
举报
文章被收录于专栏:怀英的自我修炼

你好呀,上周和你聊了聊WXML是什么的话题,这周来和你聊聊“WXML怎么用”相关的话题。

今天想和你聊聊“数据绑定”这个概念。啥叫数据绑定,数据绑定与WXML怎么用是什么关系呀?

数据绑定是什么?在开发中通常会显示一些值,比如文本框中的值。这个时候怎么做呢?通常需要写一大段的JS来赋值,简单来说也就是2步,首先获得文本框的对象,然后通过对象的value属性给其赋值。而在小程序中,有一个更加节省成本的方法,也就是更方便的方法。将一个值使用一段变量进行绑定,在JS中再对该变量进行赋值。这个对数据进行赋值的解决方案,就叫做数据绑定。

嗯哼,咋一看,这两种方式好像都么有什么区别,都是通过变量修改文本的值呀。原先的方式是需要获得每一个标签的对象,然后通过对象的属性修改对象的值。现在的方式是,我不需要通过对象寻找,只通过自定义的标签就可以修改了。

代码语言:javascript
复制
<view>
    <text>{{info}}</text>
</view>

<!-- --------- 数据绑定 --------- -->

Page({
  data:{
    info: "hello"
    }
})

<!-- --------- JS方式 --------- -->
  
var text = document.getElementByTagName('text');
text.value="hello";

省去了寻找对象,就可以不限于给标签赋值了。还可以用这种方式对标签的属性赋值。

那这和WXML又有什么联系呢?WXML类似于HTML,是一门标签语言,数据绑定就是对它里面的标签内容和属性做修改。

如果说WXML是一个广告牌的话,数据绑定就相当于一块芯片,用在哪儿,那一块的图像就可以随时改变。

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-01-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 怀英的自我修炼 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档