华为云开源 OpenTiny 项目中 TinyVue 组件库和 TinyNG 组件库的区别是什么？

最近听说华为云开源了一个项目叫OpenTiny，进入OpenTiny官网后，发现里面一共有三个项目包含TinyVue)、TinyNg和覆盖前端开发全流程的脚手架工具TinyCLI,同时也包含主题配置系统 TinyTheme 和管理系统模板 TinyPro。

总体来说，OpenTiny是一套华为云出品的企业级组件库解决方案，适配 PC 端/移动端等多端，涵盖 Vue2 / Vue3 / Angular 多技术栈，拥有主题配置系统 / 中后台模板 / CLI 命令行等效率提升工具，可帮助我们开发者高效开发 Web 应用。

其中虽然有两个组件库项目，但这两个项目是完全不同的。

TinyVue组件库是基于 Vue.js 框架开发的一组组件库，而TinyNG组件库是基于 Angular 框架开发的一组组件库。它们的区别在于所采用的前端框架不同，因而在使用上也有所区别。Vue.js 和 Angular 是两种不同的前端框架，它们在结构、语法和使用方式等方面有所不同。因此在使用TinyVue组件库和 TinyNG 组件库时需要按照不同的框架使用方式进行相应的调用。

对于这个区别，大家可以根据自己的实际需求和业务需要去使用，但说到OpenTiny，其实本人感觉还是非常不错的，我了解到下面来具体说说：

TinyVue这个项目的优势主要是在于:

1、 OpenTiny 组件丰富，Table、Tree、Select 等高频组件均内置虚拟滚动，在 10 万大数据场景下保持丝滑体验

2、组件库采用组件与框架分离的 Renderless 技术架构，一套代码同时支持 Vue2.0 和 Vue3.0

3、OpenTiny 所有接口杜绝 XSS 攻击，节省代码看护成本特点介绍

TinyNG这个项目的优势主要是在于：

1、 TinyNG组件库组件丰富，已开源 70+ 基础组件，逐步开源 100+ 组件。使用 CSS Var 自定义主题，免编译、支持 JS 热更新变量。所见即所得自定义主题配置，一键发布到 npmjs

2、 微组件特性：每个组件独立版本号管理，可以单独安装或升级一个组件。如果使用众多组件，仅升级一个组件，免去全量测试。

3、 采用面向对象架构设计，代码重复率远低于谷歌等竞品一个数量级。与 Angular 保持同步升级。

最后我也添加了小助手微信：opentiny-official，有需要也可以一起交流前端技术，一起玩开源。😁

官网：opentiny.design/

GitHub 仓库：github.com/opentiny/ （欢迎 star)

微信公众号：OpenTiny