Taro3.4开发微信小程序示例

安装脚手架

初始化如下图，选择Vue3、Less、vue3-NutUI模板：

安装后可能会出现一些告警提示，并提示npm audit ，如下图

如敏芹果忽略它，在run dev时会报错，并且报错提示还比较难懂。

这个报错的原因是taro的版本不一致所引起，需要运行 npm audit fix 进行修复，修复后再运行就正常了。

3.1 引入组件

3.2 页面使用组件

NUTUI几个有意思的组件，如table, card,fixednav

4.1 init初始化

app.js中初始化，输入云开发ID

4.2 编写云函数（另说明）

4.3调用云函数

用于多端展示，taro应该是有其之长处桥搭毕的。如果仅是用于微信枝梁小程序开发，不如用微信开发者工具。

js负责页面与用户的交互，动态修改页面的内容。使用js脚本来处理用户的 *** 作。

*** 作解释: 点击button按钮(点我),修改界面的msg显示为"BeiJing佩奇"

绑定事件: bindtap定义了"点击事件"

j s 函数: Page({定义函数对应bindtap})

例如开头示例一样，组件绑定事件，js编写事件函数。

这里大概介绍下log打印的内容

☞ 小生不才，附上 博客地址☜

事件分为冒泡事件和非冒泡事件

1.冒泡事件尺带:当一个组件被触发后，该事件以此向父节点传递。

2.非冒泡事件:当一个组件触发后雹困逗，该事件不会向父节点传递。

解释：当点击子节点时，源卖会依次触发"bind事件2，bind事件1"

解释：当点击子节点时，只触发"bind事件2"，而没有触发"bind事件1"

自基础班1.5.0起，触摸类事件支持捕获阶段。捕获阶段位于冒泡阶段之前。事件到达节点的顺序与冒泡相反。捕获事件采用的关键字为capture-bind、capture-catch，当然catch还是中断，取消冒泡阶段。

1. 示例1，执行顺序为hand2,hand4,hand3,hand1

2. 示例2，加入capture-catch捕获事件，只执行hand2

如果云函数需要定时 / 定期执行，也就是定时触发，我们可以使用云函数定时触发器。配置了定时兄芹触发器的云函数，会在相应时间点被自动触发，函数的返回结果不会返回给调用方链戚。

在需要添加触发器的云函数目录下新建文件 config.json ，格式如下：

字段规则：

Cron 表达式有七个羡唤毕必需字段，按空格分隔。

其中，每个字段都有相应的取值范围：

通配符

注意事项

示例

下面展示了一些 Cron 表达式和相关含义的示例：

参考链接 ： 开发文档

---