9个vue.js库

2021-03-17 22:24

阅读:515

标签:vuejs   ejs   graphql   国际化   构建   org   可访问性   nbsp   定制   

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

9个vue.js库

标签:vuejs   ejs   graphql   国际化   构建   org   可访问性   nbsp   定制   

原文地址:https://www.cnblogs.com/xiewangfei123/p/12778903.html

上一篇:js下载图片

下一篇:web安全之浅见


评论


亲,登录后才可以留言!