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应该是有其之长处桥搭毕的。如果仅是用于微信枝梁小程序开发，不如用微信开发者工具。

微信小程序用wx. xxxtrao用taro.xxx

1.switchTab：只能跳转到森败tabBar配置页面（写在app.json里tabbar的路径url)

2.重定向：关闭当前页面，跳转到应用内的某个页面（不能是app.json里tabbar的路径）

3.保留当前页面，跳转到应用内的弊嫌某此卜颤个页面（不能是app.json里tabbar的路径），一般用于页面之间的跳转

4.关闭所有页面，打开到应用内的某个页面，一般用于注册页面，切换账号

5.返回上一级页面（delta：返回的页面数，如果 delta 大于现有页面数，则返回到首页，默认值为1）

公司产品试水小程序，做了几个独立功能模块的demo试下可行性，主键察闭要是这个框架和react语法基本相同，避免大家学习成本过高，以下记录几个容易粗心的点和坑，maybe很弱智。

由于日常用的axios请求参数的头是headers，复制粘贴大法引发了一个弱智bug，该bug会引发 content-type 设置失效，变成默认的 application/json 。

微信模板语言中，监听自定义组件事件的稿裂方法与监听基础组件事件的方法完全一致：

因此Taro中监听自定义组没迅件事件的方法要写成

渲染成微信小程序模板语言时变成

以自定义导航为例：（）

使用方法：

例：res.model在iPhone X模拟器输出"iPhone X"，在真机输出 "iPhone X (GSM+CDMA)<iPhone10,3>" ，所以此处用indexOf而不能用 "==="

Taro.request()支持get和post请求，通过异步的方式进行回调。主要有3个回调方法

所以，对statusCode !== 200 的情况，都应在success回调方法中处理，可以写个拦截器，在微信原生方法wx.request()中存在相同情况。

npm提示某某包undefined，一个一个重新安超浪费时间，目前我的解决办法是退出编译后删掉渲染成微信小程序模板语言的dist文件夹和node_modules文件夹，然后重新运行 npm i 和 npm run dev:weapp

还遇到挺多问题。。想不起来了。。待更新吧。。。

下水了，后续问题记录口以看这里 https://www.jianshu.com/p/5a6fd7fdaf4f

---