十款热门的Vue.js工具和库( 二 ) _Vue

您可以使用它来构建SSR应用程序，SPA，PWA和移动应用程序。所有Vuetify组件都有很好的文档说明，并提供了清晰的示例。
官方网址：https://vuetifyjs.com/en/
7、Quasar

文章插图

Quasar（发音为/kwe?.zɑ?/)是MIT许可的开源框架（基于Vue），可帮助Web开发人员创建：

响应式网站
PWA（Progressive Web App）
通过Apache Cordova构建移动APP（Android，IOS，…）
多平台桌面应用程序（使用Electron）

Quasar允许开发人员编写一次代码，然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron App 。使用最先进的CLI设计应用程序，并提供精心编写，速度非常快的Quasar Web组件。
当使用Quasar时，你不需要加载像Hammerjs，Momentjs或Bootstrap这样额外的库。它拥有这些功能，而且体积很小！
官方网址：https://quasar.dev/
8、Storybook

文章插图

对于前端开发来说，组件化技术已经是一门必修课了，这其中又主要以 react 和 vue 为主。但平时在开发组件，尤其是公共组件或者第三方组件库的时候，往往会有一些困扰：

不能很好的管理多个组件，尤其是在组件预览的时候，不能一目了然
在组件预览的时候，也不能很好的反应一个组件的多个不同状态
自动化交互测试可以使用 enzyme，但很多时候还得手动测试，就比较麻烦了
在写文档的时候，需要将组件预览和文档写在一起，并需要切换到不同的状态，就比较吃力了

所以，storybook 就是为了解决这些问题而出现的，它为你的组件搭建了一个强大的开发环境，主要提供了以下的几个功能：

提供了一个强大的 UI 组件管理页面，可以很便捷、清晰的分组、管理多个组件或一个组件的多个不同状态
在自动化交互测试之外，可以很方便的进行手动交互测试，并且可以动态改变组件参数，查看视图变化
可以将组件预览导出为静态资源，这样就可以很方便查看组件的文档和不同参数对应的不同视图
还有一系列的插件，提供了很多额外的功能，帮助你更好的开发、测试、优化组件

该工具使开发人员能够独立于主应用程序创建组件，并在隔离的开发环境中以交互方式展示它们，而无需担心特定于应用程序的依赖关系和要求。方便开发人员、产品经理、设计人员等多人参与到项目中。
官方网址：https://storybook.js.org/
9、Vue Apollo

文章插图

最近有很多关于GraphQL的讨论。因此，如果您已经熟悉它并希望将其与Vue集成，那么您应该尝试Vue Apollo 。这个库能很方便的将Vue和GraphQL集成。
官方网址：https://vue-apollo.netlify.com/
10、Eagle.js

文章插图

Eagle.js 是一个基于 Vue.js Web 框架构建的幻灯片系统。它支持动画、主题、互动小部件（用于网络演示），并且可以轻松地在演示文稿之间重用组件、幻灯片和样式。
官方网址：https://github.com/zulko/eagle.js/
小节今天的内容就到这里，希望你能找到心意的工具和库，如果你有好的工具和库推荐，欢迎你在留言区进行分享。