数据绑定

什么是数据绑定呢？ 把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 Ajax AJAX 简介 AJAX 跨域

---

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

---

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

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

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

转载于:https://my.oschina.net/xiaomaomi1997/blog/3096349