{"id":6562,"date":"2020-01-29T23:48:06","date_gmt":"2020-01-29T22:48:06","guid":{"rendered":"https:\/\/monodes.com\/predaelli\/?p=6562"},"modified":"2020-01-29T23:48:06","modified_gmt":"2020-01-29T22:48:06","slug":"9-vue-js-libraries-that-will-make-your-life-easier-better-programming-medium","status":"publish","type":"post","link":"https:\/\/monodes.com\/predaelli\/2020\/01\/29\/9-vue-js-libraries-that-will-make-your-life-easier-better-programming-medium\/","title":{"rendered":"9 Vue.js Libraries That Will Make Your Life Easier – Better Programming – Medium"},"content":{"rendered":"

9 Vue.js Libraries That Will Make Your Life Easier – Better Programming – Medium\u00a0<\/a><\/em><\/p>\n

    \n
  1. Vue-Lazyload<\/a> is a great library for lazy loading of not only images but also components.<\/li>\n
  2. vue-head<\/a> library makes manipulating the information in the head tag a piece of cake.<\/li>\n
  3. BootstrapVue<\/a>: Bootstrap components built with Vue.<\/li>\n
  4. Vue-multiselect<\/a> library is the way to go if you need a little bit more than HTML\u2019s standard select<\/code>.<\/li>\n
  5. Another popular UI toolkit: is Element UI<\/a><\/li>\n
  6. vuelidate<\/a> is a library that provides simple, lightweight, model-based validation for Vue.js<\/li>\n
  7. When you need drag-and-drop functionality for your application, you don\u2019t have to look any further than Vue.Draggable<\/a>.<\/li>\n
  8. Vue Apollo<\/a> library makes the use of Vue.js and GraphQL\/Apollo<\/a> together smooth and pleasant.<\/li>\n
  9. If you need a multi-language application, then you\u2019ll definitely need the Vue-18n library<\/a>.\n
    \n
    \n

    \n<\/div>\n<\/div>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    9 Vue.js Libraries That Will Make Your Life Easier – Better Programming – Medium\u00a0 Vue-Lazyload is a great library for lazy loading of not only images but also components. vue-head library makes manipulating the information in the head tag a piece of cake. BootstrapVue: Bootstrap components built with Vue. Vue-multiselect library is the way to…<\/p>\n

    Read more →<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"inline_featured_image":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[50],"tags":[],"class_list":["post-6562","post","type-post","status-publish","format-link","hentry","category-javascript","post_format-post-format-link"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p6daft-1HQ","jetpack-related-posts":[{"id":4345,"url":"https:\/\/monodes.com\/predaelli\/2018\/05\/26\/adding-snap-svg-to-vue-js-and-nuxt-js-projects\/","url_meta":{"origin":6562,"position":0},"title":"Adding Snap.svg to Vue.js and Nuxt.js Projects","author":"Paolo Redaelli","date":"2018-05-26","format":false,"excerpt":"Adding Snap.svg to Vue.js and Nuxt.js Projects | James Scheller Getting Snap.svg Working with Vue.js Out of the gate, there\u2019s some hurdles because Snap mounts itself on the browser\u2019s window object, so if you\u2019re trying to load Snap through WebPack (as opposed to just including it in a project using\u2026","rel":"","context":"In "Javascript"","block_context":{"text":"Javascript","link":"https:\/\/monodes.com\/predaelli\/category\/javascript\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6263,"url":"https:\/\/monodes.com\/predaelli\/2019\/11\/18\/cell-editable-vue-table\/","url_meta":{"origin":6562,"position":1},"title":"cell-editable vue table","author":"Paolo Redaelli","date":"2019-11-18","format":false,"excerpt":"It seems time has come for me to learn Chinese or to heavily rely on translators: vue table \u7ec4\u4ef6 \u5f3a\u5927\u3001\u7075\u6d3b\uff0c\u652f\u6301 \u5355\u5143\u683c\u5408\u5e76\u3001\u5355\u5143\u683c\u7f16\u8f91\u3001\u591a\u8868\u5934\u56fa\u5b9a\u3001\u591a\u5217\u56fa\u5b9a\u3001\u5217\u62d6\u52a8\u3001\u6392\u5e8f\u3001\u81ea\u5b9a\u4e49\u5217\u3001\u5206\u9875\u3001\u5355\u5143\u683c\u7f16\u8f91\u3001\u5168\u9009\u3001\u884c\u5c55\u5f00\u3001\u6761\u4ef6\u8fc7\u6ee4\u3001footer \u6c47\u603b\u3001\u5bfc\u51faexcel\u3001\u6c47\u603b Vue2.x flexible table components, support for cell edit,multi-head fixed, multi-column fixed, clumn drag, sort, custom column,Cell Editing, Support cell merge (colSpan and rowSpan),Support checkbox selection Source: vue table\u2026","rel":"","context":"In "Javascript"","block_context":{"text":"Javascript","link":"https:\/\/monodes.com\/predaelli\/category\/javascript\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":5214,"url":"https:\/\/monodes.com\/predaelli\/2019\/02\/12\/vue-js-app-performance-optimization-part-1%e2%80%8a-%e2%80%8aintroduction-to-performance-optimization-and-lazy\/","url_meta":{"origin":6562,"position":2},"title":"Vue.js App Performance Optimization: part 1\u200a\u2014\u200aIntroduction to performance optimization and lazy\u2026","author":"Paolo Redaelli","date":"2019-02-12","format":false,"excerpt":"For the series, I will never stop learning While mobile-first approach becomes a standard and uncertain network conditions are something we should always take into consideration\u2026 Vue.js App Performance Optimization: part 1\u200a\u2014\u200aIntroduction to performance optimization and lazy\u2026 Vue.js App Performance Optimization: part 1\u200a\u2014\u200aIntroduction to performance optimization and lazy\u00a0loading. by Filip\u2026","rel":"","context":"In "Documentations"","block_context":{"text":"Documentations","link":"https:\/\/monodes.com\/predaelli\/category\/documentations\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":4422,"url":"https:\/\/monodes.com\/predaelli\/2018\/07\/04\/4422\/","url_meta":{"origin":6562,"position":3},"title":"VueI18n is internationalization plugin for\u2026","author":"Paolo Redaelli","date":"2018-07-04","format":"link","excerpt":"VueI18n is internationalization plugin for Vue.js","rel":"","context":"In "Javascript"","block_context":{"text":"Javascript","link":"https:\/\/monodes.com\/predaelli\/category\/javascript\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2018\/07\/vue-i18n-logo-1.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":6568,"url":"https:\/\/monodes.com\/predaelli\/2020\/01\/29\/element-a-desktop-ui-toolkit-for-web\/","url_meta":{"origin":6562,"position":4},"title":"Element – A Desktop UI Toolkit for Web","author":"Paolo Redaelli","date":"2020-01-29","format":"link","excerpt":"A Desktop UI LibraryElement, a Vue 2.0 based component library for developers, designers and product managers Source: Element - A Desktop UI Toolkit for Web","rel":"","context":"In "Javascript"","block_context":{"text":"Javascript","link":"https:\/\/monodes.com\/predaelli\/category\/javascript\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3564,"url":"https:\/\/monodes.com\/predaelli\/2017\/12\/06\/a-progressive-web-application-with-vue-js-webpack-material-design-part-1\/","url_meta":{"origin":6562,"position":5},"title":"A progressive Web application with Vue JS, Webpack & Material Design [Part 1]","author":"Paolo Redaelli","date":"2017-12-06","format":"link","excerpt":"","rel":"","context":"In "Senza categoria"","block_context":{"text":"Senza categoria","link":"https:\/\/monodes.com\/predaelli\/category\/senza-categoria\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/posts\/6562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/comments?post=6562"}],"version-history":[{"count":0,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/posts\/6562\/revisions"}],"wp:attachment":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/media?parent=6562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/categories?post=6562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/tags?post=6562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}