零基础微信小程序Day3

本文详细介绍了微信小程序中对象的创建,包括三种创建方法,并探讨了数据绑定的重要性及其在JS和WXML文件中的实现。此外,还详细讲解了`wx:for`列表渲染的用法,包括如何更改变量名,实现嵌套循环,并通过实例展示了九九乘法表的渲染。最后,提到了`block wx:for`用于渲染复杂结构块的功能。
摘要由CSDN通过智能技术生成

一、对象的创建

Q:对象(object),为什么要了解对象?

A:保存一个立体的完整的信息,类似于C语言中的结构体。

对象分为属性(事物的特征,比如一个人叫什么,性别,年龄等)和方法(事物的行为,这个东西能干什么,用函数方法表示)

1.创建对象方法一

在这里插入图片描述
2、创建对象方法二

在这里插入图片描述

3、创建对象方法三

在这里插入图片描述

二、数据绑定

Q:为什么要用数据绑定?

A:我们不希望东西都是静态的,一大串东西都是你自己在wxml文件中打出来的,“WXML 中的动态数据均来自对应 Page 的 data”

1、js文件
在js文件中,我们在data内写下我们想要展现的东西,可以是字符串、数组等(如果你在纠结username、person带不带引号,你大可不必纠结,js中没有规定的那么死,加与不加都行,可以理解为一个小对象

在这里插入图片描述
2、wxml文件

官方文档 】 :“ 数据绑定使用 Mustache 语法(双大括号)将变量包起来

可以理解为,js文件传过来的值必须要用双{ }大括号括起来

在这里插入图片描述

三、wx:for列表渲染

1、wx:for

官方文档 】 : “ 在组件上使用 wx:for 控制属性绑定一个数组, 即可使用数组中各项的数据重复渲染该组件, 默认数组的当前项的下标变量名默认为index, 数组当前项的变量名默认为 item

在这里插入图片描述
2、更改变量名

官方文档 】 : “ 使用 wx:for-item 可以指定数组当前元素的变量名,使用 wx:for-index 可以指定数组当前下标的变量名

在这里插入图片描述
3、嵌套循环(九九乘法表)
① wxml文件

在这里插入图片描述
② wxss文件

在这里插入图片描述
4、block wx:for
用来渲染一个包含多节点的结构块

在这里插入图片描述

四、结尾

有任何问题的话,欢迎各位指出~ ヾ(◍°∇°◍)ノ゙

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值