微信小程序开发--2.模板与配置

目录

一.数据绑定

二.事件绑定

1.事件类型

2.事件的属性

 3,通过事件给数据赋值

4.事件传参

5.文本框输入

三.条件渲染

1.wx:if和wx:elif

2.hidden

3.wx:if和hidden的区别

四.列表渲染

 1.wx:for

2.手动指定索引和当前项的变量名

3.wx:key

五.WXSS样式

 1.wxss和css的区别

2.微信小程序单位rpx

3.@import语法格式

4.全局样式和局部样式

六.全局配置

 1.全局常见配置

2.window节点的配置

3.tabBar

(1)tabBar概念

(2) 6个属性

（3）tabBar节点的配置项

（4）每个tab的配置项

七.网络请求

 1.https的域名

2.配置https合法域名

3.GET请求

4.POST请求

5.在页面刚加载是获取请求

6.跳过request合法域名校验

八.本地生活案例

---

一.数据绑定

类似于vue,不过小程序需要在Page({})对象中进行设置

然后在页面上使用 {{ }} 插值表达式来调用就可以了

注意：image图片的src属性和vue不一样，小程序中图片src为"{{url}}" 直接这也写，vue中是

:src="url"

二.事件绑定

1.事件类型

2.事件的属性

 

 3,通过事件给数据赋值

4.事件传参

小程序中不能像vue中通过函数名（）传参，小程序需要通过：

 

获取参数值:

 

5.文本框输入

 

 

三.条件渲染

1.wx:if和wx:elif

 

2.hidden

 

3.wx:if和hidden的区别

 

四.列表渲染

 1.wx:for

2.手动指定索引和当前项的变量名

 

3.wx:key

 

五.WXSS样式

 1.wxss和css的区别

2.微信小程序单位rpx

 

3.@import语法格式

 

4.全局样式和局部样式

 在app.wxss中定义的样式为全局样式，在单个页面中的wxss为局部样式

六.全局配置

 1.全局常见配置

在app.json中可以进行全局配置:

2.window节点的配置

 

3.tabBar

(1)tabBar概念

 

(2) 6个属性

 

（3）tabBar节点的配置项

 

（4）每个tab的配置项

 

七.网络请求

 1.https的域名

 

2.配置https合法域名

 

3.GET请求

 

4.POST请求

 

5.在页面刚加载是获取请求

 

6.跳过request合法域名校验

 

八.本地生活案例

 通过以上学习，我们可以自己做一个本地生活的案例：

读者可以自己尝试做一下，加油！我们下期再见!