微信小程序学习3：小程序语法-数据绑定

文章目录

微信小程序学习3：小程序语法-数据绑定
- 例子

可以认为是声明变量,只不过小程序的变量要在规定位置声明。
官方文档https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/data.html

在页面的.js的data对象声明，变量一般要有初始化。

小程序要使用的动态数据都会找data对象要。

例子

页面.js 的 data 对象中创建msg数据对象

 data: {msg: '初始化测试'},

在*.wxml文件（类似网页的html）使用数据

1.模板结构中使用双大括号 {{message}}

2.注意事项: 小程序中为单项数据流 model —> view

<text class="userName">{{msg}}</text>
<view>{{msg}}</view>

在*.js修改数据

语法：this.setData({message: ‘修改之后的数据’}, callback)，callback可以省略
特点：

a) 同步修改： this.data 值被同步修改

b) 异步更新：异步将 setData 函数用于将数据从逻辑层发送到视图层（异步）

教程例子，新建一个 changeText 函数修改，在哪里修改都会同步

  data: {msg: '初始化测试',   // 多个数据以英文逗号},  changeText: function(){this.setData({    // 修改数据2msg: '修改数据2'})       },onLoad: function (options) {console.log('OnLoad()');console.log(this);this.setData({    // 修改数据1msg:'修改之后的数据'});this.changeText();  //函数调用，分号，},

微信小程序学习3：小程序语法-数据绑定相关推荐

小程序学习 - 01小程序简介+微信小程序基础
小程序简介小程序是一个全新的.轻量级的移动端应用. 起源在小程序出现之前的移动端开发的解决方案有: Android iOS Windows Phone - 后来退出历史舞台移动端开发发展了一段时 ...
微信小程序学习-黑马商城程序（更新中~）
目录小程序基础知识小程序常用标签自定义属性,可用于传参小程序的for循环小程序中的方法如何携带参数小程序中常用的布局组件 view 类似于div.p,用于包裹内容 text 文本,类似于s ...
微信小程序学习笔记 ( 小程序主体学习二逻辑层 app.js 扩展高级食用方法)
目录结构上图是我建立的的微信小程序的目录结构主体学习逻辑层(App Service) 小程序开发框架的逻辑层由 JavaScript 编写. 逻辑层将数据进行处理后发送给视图层,同时接受视 ...
微信小程序学习——视频播放小程序
一.视图设计 (一)导航栏设计 # app.json--导航栏设置 {"pages":["pages/index/index"],"window&qu ...
小程序学习---开启小程序之旅（项目、配置、页面、数据绑定）
一.前沿从这个章节开始进入实战状态,利用项目以及小demo来逐步认识小程序.主要包含以下内容 1.注册程序和页面 2.数据绑定 3.循环 4.条件 5.运算 6.模板 7.事件 8.引用 9.组件 ...
小程序学习之小程序组件（三）表单组件
1.button 按钮组件组件的属性: 1)size属性 default 默认值宽度与手机屏幕宽度相同 mini 迷你型,按钮尺寸.字号都比普通按钮小 2)t ...
前端学习（2812）：前端小程序学习之小程序发展历史
c语言cgi json,CGI程序学习(4)-C程序中JSON解析
C程序中数据封装和解析也可以用到JSON,不过需要额外添加json.h库 #include //用于存储数据 int array_number; char wifiname_user[100][100 ...
微信小程序学习5：小程序语法-事件绑定之给事件传递参数
微信小程序学习5:小程序语法-事件绑定之给事件传递参数前面一讲是关于事件绑定的,下面对事件绑定进行补充. 在用户触发事件,比如点击按钮时,我们往往要传递一下参数用来识别是那个按钮,因为一个界面往往不 ...
微信小程序学习4：小程序语法 - 事件绑定
微信小程序学习4:小程序语法 - 事件绑定事件绑定最简单的例子是,你设置一个按钮为可触发的,触发条件可以是点击,按压,长按等等.当然,如果你仅仅是设置了触发事件,而没有创建回调函数,是不会产生什么效 ...

微信小程序学习3：小程序语法-数据绑定

微信小程序学习3：小程序语法-数据绑定

文章目录

例子

微信小程序学习3：小程序语法-数据绑定相关推荐

最新文章

热门文章