这个9个Vue.js库,每个现代开发人员都应该了解

英文 | https://medium.com/better-programming/9-vue-js-libraries-that-will-make-your-life-easier-5f14c09b0ce0

翻译 | web前端开发(ID:web_qdkf)

紧跟Vue生态系统的所有最新趋势是很难的。项目正在迅速发展。每天都有新项目涌现。 很容易错过Vue生态系统中一些可用的出色的库。

无论你是经验丰富的前端开发人员,还是刚开始使用Vue的人,都希望你成为一名轻松地工作的开发人员。这也是为什么我们将介绍一些现代开发人员都应该知道9个Vue库的原因。

1、Vue-Lazyload

地址:https://github.com/hilongjw/vue-lazyload

Vue-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-vue

BootstrapVue库正如该名称所描述的内容那样:用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/vuelidate

vuelidate是一个库,可为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-apollo

GraphQL现在很热。周围有很多声音。如果你正在使用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库具有翻译功能,例如复数,格式和插值。最重要的是,该库是面向组件的,这意味着您可以在单个文件组件上管理区域设置消息。

你可能感兴趣的:(这个9个Vue.js库,每个现代开发人员都应该了解)