华人澳洲中文论坛

热图推荐

    兔年豪送36个Vue开源库大全

    [复制链接]

    2023-1-24 06:45:29 17 0

    fgjpdu4jdv5.jpg

    fgjpdu4jdv5.jpg


    大家好,我是Echa。给大家贺年了。
    小年初二,为你们送上,一份美美的祝愿:任务一路顺风!成绩一举成名!生意一本万利!事业一飞冲天!糊口一劳永逸!坏蛋终身安全!出门一日千里!任务奋勇当先!带着一分挂念!送你们一份祝愿!人生英姿飒爽!往年一定发财!
    让安全搭上春节的慢车道,让高兴与你们微微拥抱,让难题与你们另眼相看,让懊恼抬头暗暗走掉,让不祥对你们分外照顾,让幸福对你们永久浅笑!祝粉丝们春节高兴,兔年大吉。
    明天小编给大家兔年豪送36个Vue开源库大全,但愿帮忙大家在任务上得更疾速、高效、容易,锦上添花,高兴的开发。顺便一同回顾小编以前公布对于Vue 相干的干货文章:
    清点Github上15个炽热的Vue3开源名目
    清点十二个Vue 3的高颜值UI组件库
    保举13个又抢手又实用的Vue开源宝典库
    分享15个基于Vue3.0全家桶的优秀开源名目
    创作不容易,喜爱的老铁们加个关注,点个赞,打个赏,前面会不按期更新干货和技术相干的资讯,速速保藏,谢谢!你们的一个小小举动就是对小编的认可,更是创作的能源。
    全文大纲
    Bootstrap-VueVue ChartistVue SlideoutVue SwingVue Cleave ComponentVue WaypointVue countup v2Vue PopperVue NumericVue YouTube EmbedVue AutosuggestVue Client OnlyVue Stripe CheckoutEmoji Mart VueVue ClickawayAvoriazVue-Vscode-SnippetsVue Dark ModeVue TrendVue ClipboardVue Draggable ResizableVue Content PlaceholdersVue MomentVue Slider ComponentVue NotificationVue ColorVuetable-2Vue.js DatepickerVue Virtual ScrollerEpic SpinnersVeturNativeScript VueVuelidateVue Quill EditorVue NativeVue.DraggablBootstrap-Vue
    官网网址:http://bootstrap-vue.org/
    在线演示:http://demos.creative-tim.com/bootstrap-vue-argon-dashboard
    Github:http://github.com/bootstrap-vue/bootstrap-vue
    拥有超过40个插件和超过75个自定义组件,为Vue.js提供了最片面的Bootstrap v4组件和网格零碎完成。
    如下图:

    bdlgiyzhy3j.jpg

    bdlgiyzhy3j.jpg


    aiaqm3220hg.jpg

    aiaqm3220hg.jpg


    Vue Chartist
    在线演示:http://demos.creative-tim.com/
    Github:http://github.com/Yopadd/vue-chartist
    基于 Chartist.js 的响应式图表
    如下图:

    euycrjiu54y.jpg

    euycrjiu54y.jpg


    Vue Slideout
    在线演示:http://codesandbox.io/s/k3q1zjjml5
    Github:http://github.com/vouill/vue-slideout
    Vue Slideout 是基于Slideout.js 的 Vue.js 完成
    如下图:

    rewfbl0sag1.jpg

    rewfbl0sag1.jpg


    Vue Swing
    Github:http://github.com/goweiwen/vue-Swing
    它是Swing的 vue.js 包装器,一个卡片方式的界面(swipe-left 对应是,swipe-right 对应否)。
    如下图:

    ki4lwfrout0.jpg

    ki4lwfrout0.jpg


    Vue Cleave Component
    在线演示:http://jsfiddle.net/ankurk91/aza302c7/
    Github:http://github.com/ankurk91/vue-cleave-component
    Cleave.js 的 Vue.js 组件,用于在输出时格局化输出内容(信誉卡格局、日期等)。
    如下图:

    h0t5xlkj3n5.jpg

    h0t5xlkj3n5.jpg


    Vue Waypoint
    在线演示:http://vue-waypoint.netlify.app/
    Github:http://github.com/scaccogatto/vue-waypoint
    Vue.js 的 v-waypoint 指令,用于在转动时触发函数。当你想要在转动时触发起画,它就能派上用场。
    如下图:

    gysis4wwmmk.jpg

    gysis4wwmmk.jpg


    vue-countup-v2
    在线演示:http://inorganik.github.io/countUp.js/
    Github: http://github.com/xlsdg/vue-countup-v2
    Vue.js 的 v-waypoint 指令,用于在转动时触发函数。当你想要在转动时触发起画,它就能派上用场。
    如下图:

    ofgrpq5e4zd.jpg

    ofgrpq5e4zd.jpg


    Vue Popper
    民间网址:http://robinck.github.io/vue-popper/
    Github: http://github.com/RobinCK/vue-popper
    一个基于 popper.js 的 Vue.js 弹出窗口组件。
    如下图:

    2k3pnawp1ct.jpg

    2k3pnawp1ct.jpg


    Vue Numeric
    在线演示: http://kevinongko.github.io/vue-numeric/
    Github: http://github.com/kevinongko/vue-numeric
    Vue.js 输出字段组件,用于显示格局化的货泉值。
    如下图:

    3caol0023ns.jpg

    3caol0023ns.jpg


    Vue YouTube Embed
    官网网址:http://www.npmjs.com/package/vue-youtube-embed
    Github: http://github.com/kaorun343/vue-youtube-embed
    基于 Angular YouTube Embed,允许你使用 YouTube iframe API。
    如下图:

    stgys1fys1y.jpg

    stgys1fys1y.jpg


    Vue Autosuggest
    在线演示:http://darrenjennings.github.io/vue-autosuggest/
    Github:http://github.com/darrenjennings/vue-autosuggest
    一个很棒的 Vue.js 自动提醒组件。
    如下图:

    wtsz41dqouz.jpg

    wtsz41dqouz.jpg


    vue-client-only
    Github: http://github.com/egoist/vue-client-only
    用于包装对 SSR 不敌对的组件。
    如下图:

    51raeqrasbp.jpg

    51raeqrasbp.jpg


    Vue Stripe Checkout
    民间网址:http://vuestripe.com/
    Github:http://github.com/vue-stripe/vue-stripe
    用于 Stripe 结账的 Vue.js 插件。
    如下图:

    xdf3qkmwoys.jpg

    xdf3qkmwoys.jpg


    Emoji Mart Vue
    在线演示:http://jm-david.github.io/emoji-mart-vue/
    Github:http://github.com/jm-david/emoji-mart-vue
    从 React 的 emoji-mart fork 出来的,用于 Vue.js 的 Slack 格调的可定制心情符号选择器组件。
    如下图:

    utpv0rcnbuz.jpg

    utpv0rcnbuz.jpg


    Vue Clickaway
    Github: http://github.com/simplesmiler/vue-clickaway
    一种可反复使用的点击指令,可检测并响应元素内部的点击举措。当咱们需求封闭模态窗口或暗藏下拉列表时会十分便利。
    如下图:

    swn2fbue4i3.jpg

    swn2fbue4i3.jpg


    Avoriaz
    Github: http://github.com/simplesmiler/vue-clickaway
    VueJS测试实用工具库。
    如下图:

    zj4lrw5mjtc.jpg

    zj4lrw5mjtc.jpg


    Vue-Vscode-Snippets
    Github:http://github.com/sdras/vue-vscode-snippets
    这些片断很棒,尽量无缝地加强任务流程。老手值得保举!
    如下图:

    tgawkzhj0ru.jpg

    tgawkzhj0ru.jpg


    Vue Dark Mode
    在线演示:http://www.growthbunker.dev/vuedarkmode/
    Github:http://github.com/LeCoupa/vuedarkmode
    一个极简主义的暗中设计零碎,提供根底组件,用于构建失眠者最喜爱的深色洁面。
    如下图:

    nhk2rboutzx.jpg

    nhk2rboutzx.jpg


    Vue Trend
    在线演示:http://cinwell.com/vue-trend/
    Github: http://github.com/QingWei-Li/vue-trend
    最优雅的趋向图组件
    如下图:


    Vue Clipboard
    在线演示:http://vue-clipboard2.inndy.tw/
    Github: http://github.com/Inndy/vue-clipboard2
    一个简略的 Vue.js 包,允许用户将文本复制到基于clipboard.js的剪贴板。
    如下图:


    Vue Draggable Resizable
    在线演示:http://mauricius.github.io/vue-draggable-resizable/
    Github: http://github.com/mauricius/vue-draggable-resizable
    Vue.js 组件,用于可调剂大小和可拖动的元素,没有内部依赖。
    如下图:


    Vue Moment
    Github: http://github.com/brockpetrie/vue-moment
    在 Vue.js 运用顺序中使用 Moment.js。
    如下图:


    Vue Slider Component
    在线演示:http://nightcatsama.github.io/vue-slider-component/
    Github: http://github.com/NightCatSama/vue-slider-component
    这外面的 10 种滑块组件都使用 Vue.js 开发。
    如下图:


    Vue Notification
    在线演示:http://vue-notification.yev.io/
    Github: http://github.com/euvl/vue-notification
    用在 Vue.js 运用顺序中的胜利、正告和过错通知。能够放在右边、左边、底部、顶部或两头,任何你想要之处。
    如下图:


    Vue Color
    在线演示:http://xiaokaike.github.io/vue-color/
    Github: http://github.com/xiaokaike/vue-color
    来自 Sketch、Photoshop、Chrom 的 Vue.js 色彩选择器。
    如下图:


    Vuetable-2
    在线演示:http://www.vuetable.com/#current-version
    Github: http://github.com/ratiw/vuetable-2
    Vue.js 的数据表组件
    如下图:


    Vue.js Datepicker
    在线演示:http://codesandbox.io/s/mpklq49wp?file=/index.js
    Github: http://github.com/charliekassel/vuejs-datepicker
    一个简略的 Vue.js 日期选择器组件。
    如下图:


    Vue Virtual Scroller
    在线演示:http://vue-virtual-scroller-demo.netlify.app/
    Github: http://github.com/Akryum/vue-virtual-scroller
    用于 Vue.js 运用顺序的疾速有限制转动。
    如下图:


    Epic Spinners
    在线演示:http://epic-spinners.epicmax.co/
    Github:http://github.com/epicmaxco/epic-spinners
    20 个易于使用的 css 调理器。
    如下图:


    Vetur
    在线演示:http://vuejs.github.io/vetur/
    Github: http://github.com/vuejs/vetur
    VS Code 的 Vue 工具,习气使用 VS Code 的敌人值得尝试!
    如下图:


    NativeScript Vue
    官网地址:http://nativescript-vue.org/
    Github: http://github.com/nativescript-vue/nativescript-vue
    能够帮忙你使用 NativeScript 和 Vue.js 构建原生挪动运用顺序。
    如下图:


    Vuelidate
    官网地址:http://vuelidate-next.netlify.app/
    Github: http://github.com/vuelidate/vuelidate
    能够帮忙你使用 NativeScript 和 Vue.js 构建原生挪动运用顺序。
    如下图:


    Vue Quill Editor
    在线演示:http://github.surmon.me/vue-quill-editor
    Github: http://github.com/surmon-china/vue-quill-editor
    Vue.js 的 Quill 编纂器,反对 SPA 和 SSR。
    如下图:


    Vue Native
    在线演示:http://vue-native.io/
    Github: http://github.com/GeekyAnts/vue-native-core
    基于 React Native 完成,允许你使用 JavaScript 来构建跨平台的原生挪动运用顺序。
    如下图:


    Vue.Draggable
    在线演示:http://sortablejs.github.io/Vue.Draggable/#/simple
    Github:http://github.com/SortableJS/Vue.Draggable
    Vue.js 组件,基于 Sortable.js 进行同步的拖放排序。
    如下图:

    发表回复

    您需要登录后才可以回帖 登录 | 立即注册

    返回列表 本版积分规则

    :
    注册会员
    :
    论坛短信
    :
    未填写
    :
    未填写
    :
    未填写

    主题34

    帖子42

    积分198

    图文推荐