数据绑定

什么是数据绑定呢?把WXML 中的⼀些动态数据分离出来 放到对应的js⽂件的 Page 的 data⾥

<view>{{username}},您已登录,欢迎</view>

 data: {
    username:"张明"
  },

data 将会以 JSON 字符串的形式由逻辑层传⾄渲染层

字符串String,数 字Number,布尔值Boolean,对象Object,数组Array

字符串String,⽤于存储和处理⽂本

style、class 、id等属性分离出来来控制组件的样式等信息

<navigator id="item-{{id}}" class="{{itemclass}}" url="{{itemurl}}" >
  <image style="width: {{imagewidth}}" mode="{{imagemode}}" src="{{imagesr
c}}"></image>
</navigator>

data: {
    id: 233,
    itemurl:"/pages/home/imgshow/imgshow",
    itemclass:"event-item",
    imagesrc: "",
    imagemode:"widthFix",
    imagewidth:"100%",
  },

对象(object)是 JavaScript 语⾔的核⼼概念,也是最重要的数据类型

Web 前端开发HTML5 的出现浏览器对 HTML5 的兼容性HTML5 和 HTML4 的区别DTD 的变化字符编码的变化HTML5 的语法变化HTML5 的优势HTML5 保留的常用元素基本元素文本格式化元素超链接和锚点列表相关元素表格相关元素HTML5 新增的常用元素文档结构元素文本格式化元素页面增强元素HTML5 中的多媒体HTML5 保留的通用属性contentEditable 属性和 designMode 属性hidden 属性spellcheck 属性HTML5 中废弃的元素HTML5 中的废弃的属性

HTML5 表单相关元素和属性HTML5 表单新增的元素HTML5 表单控件新增的属性CSS3 新增选择器CSS3 新增属性CSS3 的过渡属性CSS3 的动画属性JQuery 基础JQuery AjaxAJAX 简介AJAX 跨域

若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。

请点赞!因为你们的赞同/鼓励是我写作的最大动力!

欢迎关注达叔小生的简书!

这是一个有质量,有态度的博客

博客

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值