零基础微信小程序Day3

一、对象的创建

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

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

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

1.创建对象方法一

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

在这里插入图片描述

3、创建对象方法三

在这里插入图片描述

二、数据绑定

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

扫描二维码关注公众号,回复: 15239438 查看本文章

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
用来渲染一个包含多节点的结构块

在这里插入图片描述

四、结尾

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

猜你喜欢

转载自blog.csdn.net/MODAX/article/details/122903216