零基础微信小程序Day3

一、对象的创建

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

四、结尾

有任何问题的话，欢迎各位指出~ ヾ(◍°∇°◍)ﾉﾞ