数据绑定

什么是数据绑定呢?
把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 跨域


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


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

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

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

数据绑定

相关推荐