9个vue.js库

Posted 2020-11-27 xiewangfei123

1、Vue-Lazyload

地址：https://github.com/hilongjw/vue-lazyloadVue-Lazyload是一个出色的库，不仅可以延迟加载图像，还可以延迟加载组件。延迟加载是一种编程实践，在这种实践中，仅在首次需要时才加载或初始化对象。在Web开发中，通常使用延迟加载在图像进入视口之前加载图像。这有可能极大地提高性能，特别是如果你的应用程序中有很多图像时。Vue-Lazyload库还可以使用惰性容器来延迟加载组件，这使得它可以在一个容器中加载一组图像。在延迟加载方面，Vue-Lazyload在GitHub上拥有超过5千stars，是一个非常受欢迎的库。

2、 vue-head

地址：https://github.com/ktquez/vue-head使用vue-head库处理head标签中的信息变得轻而易举。通过将head对象添加到组件，例如，你可以更改页面的标题。当添加元标记以优化搜索引擎（SEO）应用程序时，该库也非常有用。vue-head库在GitHub上拥有近一千stars，并且已经存在了很多年。

3、BootstrapVue

地址：https://github.com/bootstrap-vue/bootstrap-vueBootstrapVue库正如该名称所描述的内容那样：用Vue构建的Bootstrap组件。Bootstrap是一个用于使用html，CSS和JS开发的开源工具包。这是世界上最受欢迎的前端框架。BootstrapVue的优点在于，它为Vue.js提供了Bootstrap v4.3组件和网格系统的最全面的实现之一。这包括广泛且自动化的WAI-ARIA可访问性标记。该库非常适合构建响应优先，移动优先的应用程序，因此，它是Vue.js应用程序的UI基础的绝佳选择。

4、Vue-multiselect

地址：https://vue-multiselect.js.org/如果你需要的内容比HTML的标准选择要多一点，那么可以使用Vue-multiselect库。除了传统的单选之外，该库还必须提供多选，异步选择，标记，在选项内搜索的功能等等。该库允许自定义配置，这使其高度可定制。如果您需要在应用程序中使用某种选择，我强烈建议您使用此库。根据他们的网站，该库在GitHub上有近5k stars，并且可能是Vue.js上最完整的选择解决方案，而没有jQuery。

5、Element UI

地址：https://github.com/ElemeFE/element另一个流行的UI工具包就是Element UI。GitHub上有超过4万stars，因此Element UI工具包绝对必须在此列表中。它是Vue.js生态系统中最受欢迎的项目之一，它提供了各种各样的UI组件。它具有强大的浏览器支持：支持现代浏览器和Internet Explorer 10+。该库包含太多组件，因此无法在此处列出所有组件，因此建议你查看Element UI本身。

6、vuelidate

地址：https://github.com/vuelidate/vuelidatevuelidate是一个库，可为Vue.js提供简单，轻量，基于模型的验证。尽管Vue生态系统中存在非常相似的库，但这些库与vuelidate之间存在很大差异。其他大多数库都要求你在模板内编写验证规则。这会在模板中引入很多噪音。有人可能会说模板不是声明应用程序逻辑的最佳场所。vuelidate中的验证与模板完全分离。如果你遇到验证客户端表单的问题，强烈建议您去看看vuelidate。

7、Vue.Draggable

地址：https://github.com/SortableJS/Vue.Draggable当你需要为应用程序提供拖放功能时，除了Vue.Draggable之外，你无需再寻找其他任何东西。该库基于Sortable.js，并提供所有功能。Vue.Draggable可帮助您构建复杂的拖放界面，并专注于正确实现拖放交互，而将可视化方面留给您。该库还支持触摸设备，并且没有jQuery依赖性。

8、Vue Apollo

地址：https://github.com/vuejs/vue-apolloGraphQL现在很热。周围有很多声音。如果你正在使用Vue.js，并且还想跳上GraphQL潮流，这对你来说是个好消息。Vue Apollo库可以使Vue.js和GraphQL / Apollo一起流畅而愉快地工作。如果你已经熟悉GraphQL和Apollo，则可以轻松启动并运行它。如果要在应用程序中使用GraphQL，则此库是必不可少的。

9、 Vue-i18n

地址：https://github.com/kazupon/vue-i18n如果你需要多语言应用程序，那么肯定需要Vue-i18n库。Vue-i18next是基于i18next的Vue.js强大的国际化插件。它为你提供了一个完整的解决方案，可以将产品从Web本地化到移动设备和台式机。i18next库具有翻译功能，例如复数，格式和插值。最重要的是，该库是面向组件的，这意味着您可以在单个文件组件上管理区域设置消息。