小程序开发wepy/mpvue/uni-app/taro

框架介绍：

韦皮：

接近Vue Js，类似Vue的开发，支持组件属性值传递、用户定义事件、组件分布式重用Mixin、计算属性函数、模板内容分发槽等

组件开发。Wepy是腾讯从外部到内部的开源软件。个人维护，更少的演示和文档。

从“wepy”导入wepy；

//通过从wepy.page继承的类创建页面逻辑

导出默认类Index扩展了wepy。第页{

数据={

座右铭：“Hello World”，

用户信息：｛｝

};

方法={

bindViewTap（）{

安慰日志（“单击按钮”）；

}

};

加载（）{

console.log（“加载”）；

};

}

//索引.wpy

<模板>

<视图>

<；/组件>

<；/组件>

<；/组件>

<；/组件>

<脚本>

//介绍列表、面板和计数器组件

从“wepy”导入wepy；

从“../components/List”导入列表；

从“../components/Panel”导入面板；

从“../components/Counter”导入计数器；

导出默认类Index扩展了wepy。第页{

//页面配置

配置={

“navigationBarTitleText”：“测试”

};

//声明要在页面上使用的组件

组件={

panel：面板，

counter1：计数器，

counter2：计数器，

列表：列表

};

}

Mpvue：（美团）

Mpvue是用于开发小程序的前端框架。该框架基于Vue。js核心mpvue修改了Vue。js的[运行时]和[编译器]实现使其能够在小程序环境中运行，从而为小程序开发引入了一整套Vue js开发经验。

uniApp

Uni-app是一个用于开发所有前端App的框架。开发人员编写了一组代码，可以编译到多个平台，如iOS、Android、H5和各种小程序。

芋头

Taro是一个遵循语法规范的多终端开发解决方案

兼容性：

目前常用的小程序框架

图像.png

性能：

同类部件的响应速度

当我单击长列表中的某个组件（例如类似组件）时，我可以修改它的未批准和喜欢状态吗？这是本次测试的评估点。

试验方法：

选择一条微博，点击“点赞”按钮，切换点赞状态（点赞高亮，不点赞灰色），

Like按钮在onclick函数开始计时，在setData回调函数开始计时；

在Redmi 6 Pro上进行几次测试并计算平均值。结果如下：

图像.png

<图片说明><；/图标题>

注：也就是说，当列表数量为400时，微信本地开发的App从点击变为状态需要111毫秒。

测试结果数据描述：

wepy/mpvue测试数据不完整的原因与上述相同。当有许多组件时，页面不再呈现

基于微信定制组件的组件开发框架（uni-app/taro）的组件数据通信性能接近微信原生框架，远高于基于模板的组件开发架构（wepy/mpvue）

组件数据更新性能评估：微信原生开发、uni app、taro>wepy>mpvue

综上所述，此性能测试进行了两次测试，包括长列表加载和组件状态更新，以及两次实验。结论如下：

微信原生开发手动优化，uni app>微信原生研发未手动优化，taro>wepy>mpvue