6、小程序的网络数据请求6.1、举例添加一个网络请求接口（1）配置可用的请求接口

（注意如果更改了域名需要本地手动编译下才可以调用）

（2）发起GET/POST请求

下图为get请求，post请求只要把method更改成POST即可

再次请求接口时，如果需要与旧数据拼接可用如下

（3）页面加载时请求接口

onload方法在新建页面时有自动生成，可以直接使用

（4）暂时绕过htts校验（5）请求接口展示数据加载中效果7、页面导航（页面之间跳转）1、导航到tabBar（页签）页面方式一通过navigator

跳转后可在模拟器如下查看到传递的参数

方式二通过代码2、导航到非tabBar（非页签)页面方法一通过navigator方法二通过代码3、导航到后一页（上一页）方法一：通过navigator方法二：通过代码4、导航传递/接收参数方法一传递通过navigator方法二传递通过代码接收参数方法8、wxs语法介绍1、与js的区别2、在小程序页面wxml里使用3、wxs文件的使用4、注意事项9、微信开发者文档1、微信提供了一些方法，可以直接使用10、小程序组件1、新建小程序组件2、组件的引用2.1 局部引用2.2全局引用3、组件和页面的区别4、组件里的样式隔离4.1 组件的样式隔离4.2 修改组件的样式隔离5、组件的开发5.1定义数据5.2定义方法1、data和properties的区别2、组件里修改properties里的值5.3、组件里的监听器1、监听字段值的变化

1、监听器使用举例

2、监听对象里的字段3、监听组件所在页面的行为

（页面的生命周期）

5.4 组件的插槽1、使用单个插槽2、配置使用多个插槽5.5、组件的通信1、与页面的通信Properties

传入的参数Properties

2、组件之间的通信（1）方式一通过属性绑定通信（2）方式二通过事件绑定通信（3）方式三通过获取组件实例5.6、组件间代码共享behaviors1、代码共享2、组件与共享代码有同名数据处理方式6、纯数据字段7、组件的生命周期函数7.1定义生命周期函数8、引入第三方组件1、npm的支持与限制2、小程序的UI组件库1、Vant UI组件库的使用（1）安装Vant库

注意js和ts安装步骤不同，本例为Js官网也有说明

1、初始包管理配置文件

由于使用了npm所以，所以记得需要初始包管理配置文件，生成package.json

2、安装指定版本的包

npm i @vant/weapp@1.3.3 -S --production

3、构建npm包

如果找不到本地设置因为新版工具已经默认支持了

这时包就安装好了，会出现如下目录

4、不使用微信默认基础组件（2）使用Vant组件

官方文档中也有事例

（3）Vant定制全局主题样式原理

例子：

Vant里的例子：

如下即可修改danger按钮的默认样式：

因为每个页面根节点都是page，所以我们在全局样式里用page作为根节点即可

通过官方文档的可找到对应样式的变量名称，如下3、优化回调函数的组件(API promise化)1、安装api promise组件

同样安装npm包都需要构建以下：

2、实现promise化4、全局共享数据的组件（状态管理）1、使用Mobx（1）安装Mobx（2）使用Mobx页面中使用组件中使用