跨平台开发-03-Taro核心语法（一）.pdf

跨平台开发Taro

刘军liujun

目录

content1邂逅Taro框架

2Taro的初体验

3Taro配置文件

4内置组件和样式

5Taro页面和传参

6Taro常用的API

coderwhy认识Taro框架

◼什么是Taro？

Taro是由京东凹凸实验室打造的一个开放式跨端、跨框架解决方案，并于2018年6月7日正式开源。

Taro支持使用React/Vue/Preact等框架来开发微信/京东/百度/支付宝/字节跳动/QQ等小程序/H5/RN等应用。

◼Taro的版本史

Taro1.x/2.x版的文档，现已不再积极维护。

2021年3月，Taro3.1版本正式发布，主要改动是打造开放式架构，支持以插件的形式编译到任意小程序平台。

2021年4月，Taro3.2版本正式发布，新增了对ReactNative的支持，主要是由58同城团队主导。

2021年4月，Taro3.3alpha发布，主要改动是支持使用HTML标签进行开发。

2022年1月，Taro3.4版本正式发布，主要改动是支持使用Preact和Vue3.2进行开发。

目前Taro团队的迭代重心在于Taro3，Taro1/2只会对重大问题进行修复，不会新增新特性。

coderwhyTaro的特点

◼多端支持

Taro3可以支持转换到H5、ReactNative以及任意小程序平台（重心是小程序端）。

目前官方支持转换的平台如下：

✓H5、ReactNative、微信小程序、京东小程序、百度小程序、支付宝小程序、字节跳动小程序

✓QQ小程序、钉钉小程序、企业微信小程序、支付宝小程序等

◼多框架支持

在Taro3中可以使用完整的React/Vue/Nervjs/Preact开发体验

coderwhyTarovsuni-app

◼跨端支持度◼社区活跃度

◼资料完善度◼工具和周边生态

Taro：官方文档较完整，但不是很丰富，资料一般。

Taro：官方的TaroUI，只支持小程序和H5(不支持RN)，截至

uni-app：官方文档和各种专题内容很丰富，资料齐全。

到2019年10月28日，Taro只有64个插件。

◼Taro和uni-app如何选择？uni-app：官方的uni-ui支持多端、周边模板丰富、完善的插件

如需要跨平台，并且应用不是很复杂，可选Taro和uni-app。市场，截至到2019年10月28日，有850个插件。

如熟悉Vue可优先选择uni-app；如熟悉React推荐使用Taro。

uni-app在资料、生态、工具、开发效率、跨端数会比Taro略胜一筹。

当然Taro也有独特的优势，如：用React开发非常的灵活。

coderwhyTaro架构图设计图

◼Taro当前的架构主要分为：编译时和运行时。

◼其中编译时主