Taro官方版

Taro简介

Ta是一个开发框架，可以帮助用户通过这个软件设计支付宝和微信小程序。现在很多企业用小程序让客户更快的处理业务。小程序不需要安装，而是直接依附于微信等平台，帮助企业提供微信获取更多用户。如果需要开发新软件，可以下载这个Ta框架，支持大部分平台。软件中可以开发微信、JD.COM、百度、支付宝、字节跳动等平台的小程序。新版本支持在小程序app对象中上传自定义属，修复CustomWrapper组件，辅助递归置零的内部自定义组件设置为虚拟例程，解决DOM深度达到一定级别后flex风格失效的问题！

Ta软件功能

Ta是一个开放的跨端、跨框架的解决方案，支持微信/JD的开发。COM/百度/支付宝/字节跳动/QQ小程序/H5等使用React/Vue/Nerv等框架的应用。

如今市场的高端形态多种多样，Web、React Native、微信小程序等各种端都很受欢迎。当业务需求需要同时在不同端表达时，为不同端编写多套代码的成本显然非常高。此时，只编写一套代码来适应多端是极其必要的。

目前，Ta已经进入3.x时代。与Ta 1/2相比，它采用了重运行架构，让开发人员获得了React/Vue等框架的完整开发体验。

支持一个代码和多个操作。

微信小程序

JD.COM小程序

H5

百度小程序

支付宝小程序

快速应用

反应性的

字节跳动小程序

QQ灯应用

双向转换

支持微信小程序双向转换

微信小程序与Ta双向转换

Ta软件特色

框架支持

反应/神经支持

可以使用Ta 3中完整的React/Nerv开发经验。

代码示例

Vue/Vue3支持

完整的Vue/Vue3开发经验可以用在Ta 3中。

代码示例

多终端转换支持

Ta方案的初衷是打造一个多终端的开发解决方案。

目前Ta 3可以支持转换到微信/JD。COM/百度/支付宝/字节跳动/QQ小程序和H5终端。

Ta用户界面

一个基于Ta框架的多终端UI组件库。

Ta用户界面特别版:

基于Ta开发UI组件

一套组件可以在微信小程序、支付宝小程序、百度小程序、H5多端适配中运行(ReactNative暂不支持)

提供友好的API，灵活使用组件。

Ta使用说明

某视频剪辑软件

在Ta，可以导入Vue fm & # 8216vue & # 8217使用Vue，但与在浏览器中使用Vue仍有一些区别，具体体现在:

入口组件

每个Ta应用程序都需要一个入口组件来注册应用程序，默认情况下，入口文件是src目录中的app.js。要在Ta中使用Vue，门户组件必须导出一个Vue组件。在门户组件中，我们可以设置全局状态或访问applet门户实例的生命周期:

对于一个入口文件(比如app.js)，我们可以添加一个app.config.js的文件进行全局配置。app.config.js的默认导出是applet的全局配置:

生命周期

onLnch()

在微信/百度/字节跳动/支付宝小程序中，这个生命周期方法对应的是app的onLnch。

侦听器的初始化，初始化完成时将触发该初始化(仅全局触发一次)

在这个生命周期中，您可以通过getcurrentinstance()访问程序初始化参数。uter.params。

参数格式如下

源引用信息的数据结构如下

d()#

在微信/百度/字节跳动/支付宝小程序中，这个生命周期方法对应的是app的onLnch，在componentWillMount之后执行。

侦听器的初始化，初始化完成时将触发该初始化(仅全局触发一次)

昂秀()#

在微信/百度/字节跳动/支付宝小程序中，这个生命周期方法对应onShow，在H5/RN同步实现。

当程序启动或从后台进入前台显示时触发，也可以在微信小程序中使用Ta.onAppShow绑定监控。

在这个生命周期中，可以通过它访问程序初始化参数。$uter.params

参数与componentWillMount中得到的参数基本相同，但是在百度小程序中增加了两个参数，如下所示

在侧面()#

在微信/百度/字节跳动/支付宝小程序中，这种生命周期方式对应的是onHide，在H5/RN同步实现。

当程序从前台进入后台时触发，微信小程序也可以使用Ta.onAppHide绑定进行监控。

onErr(Stng err)#

在微信/百度/字节跳动/支付宝小程序中，这种生命周期方法还没有在一个rr，H5/RN中实现。

发生脚本错误或API调用报错时触发，微信小程序也可以使用Ta.onErr绑定进行监控。

onPageNotFound(对象)#

在微信/字节跳动小程序中，这个生命周期方法对应的是onPageNotFound，另一端还没有实现。

在微信小程序中，基础库1.9.90开始支持。

当要打开的页面不存在时触发，微信小程序也可以使用Ta.onPageNotFound绑定进行监控。

参数如下

页码

每个Ta应用至少包含一个页面组件，可以通过Ta路由跳转，访问小程序页面的生命周期。每个页面组件必须是. vue文件:

页面配置#

与门户组件一样，对于页面文件(如。/pages/index/index.vue)，我们可以添加一个。/pages/index/index.config.js用于页面配置。index.config.js的默认导出是页面配置，每个页面都有自己的配置配置，针对当前页面配置，配置规范基于微信小程序。

生命周期#

onReady()#

当页面第一次呈现时，这个生命周期对应于小程序端小程序页面的onReady生命周期。从这个生命周期开始，您可以使用诸如CanvasContext或selectorquery之类的API来访问真实的DOM。

在非页面组件中，可以通过使用Ta的内置消息机制来访问页面组件的onReady()生命周期:

加载(选项)#

创建页面时，该生命周期对应于小程序端小程序页面的onl oad生命周期。这个生命周期可以访问getCurrentInstance()。

d()#

加载页面时触发，页面只会被调用一次。此时，页面DOM还没有准备好与视图层交互。

已安装()#

当页面第一次呈现时触发，页面将只被调用一次，这意味着页面准备好与视图层交互。

beforeUpdate()#

该页面将很快更新。

已更新(上一页，上一状态)#

页面更新完成。

befordesty()#

当页面被卸载时触发，例如当重定向到或导航回另一个页面时。

昂秀()#

当页面显示/切入前景时触发

在侧面()#

当页面隐藏/切入背景时触发，如导航到或底部标签切换到其他页面，小程序切入背景等。

在上面所有的生命周期方法中，你都可以通过getCurrentInstance()获取打开当前页面路径的参数。

页面事件处理程序#

在小程序中，页面也有一些独占的事件处理功能，如下所示

onbulldowrefresh()#

监控用户下拉刷新事件

启用下拉刷新需要在全局配置或页面配置的窗口选项中打开。

下拉刷新可以由Ta.startPullDownRefresh触发，调用后可以触发下拉刷新动画，效果与用户手动下拉刷新一致。

处理完数据刷新后，可以停止当前页面的下拉刷新。

在每个底部()#

监控用户上拉触底事件。

您可以在全局配置或页面配置的窗口选项中设置触发距离。

在触发距离内滑动时，此事件只会触发一次。

onPageScll(对象)#

监控用户滑动页面事件

对象参数描述:

注意:请仅在需要时在页面中定义此方法，不要定义空方法。从而减少不必要的事件调度对渲染层和逻辑层之间通信的影响。注意:请避免在onPageScll中过于频繁地执行此操作。setState()将导致逻辑层和渲染层之间的通信。尤其是每次传输大量数据，会影响通信时间。

onShareAppMessage(对象)#

用户收听并点击页面中的转发按钮(按钮组件openType = & # 8217分享& # 8217；)或右上角菜单中“转发”按钮的行为，并自定义转发内容。

注意:仅当定义了该事件处理函数时，“前进”按钮才会显示在右上方的菜单中。

对象参数描述:

此事件需要返回一个对象，用于自定义转发内容。返回的内容如下:

自定义转发内容

示例代码