前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >数据绑定

数据绑定

作者头像
达达前端
发布2019-08-23 14:36:58
发布2019-08-23 14:36:58
1.7K00
代码可运行
举报
文章被收录于专栏:达达前端达达前端
运行总次数:0
代码可运行

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

代码语言:javascript
代码运行次数:0
运行
复制
<view>{{username}},您已登录,欢迎</view>
代码语言:javascript
代码运行次数:0
运行
复制
 data: {
    username:"张明"
  },

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

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

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

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

代码语言:javascript
代码运行次数:0
运行
复制
<navigator id="item-{{id}}" class="{{itemclass}}" url="{{itemurl}}" >
  <image style="width: {{imagewidth}}" mode="{{imagemode}}" src="{{imagesr
c}}"></image>
</navigator>
代码语言:javascript
代码运行次数:0
运行
复制
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 跨域


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


本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.08.22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档