vue插件集合

https://github.com/vuejs/awesome-vue

从 Components & Libraries 开始都是插件了,先摘录,以后慢慢整理翻译和一些简单的说明

组件库

UI 组件

表格

表格/数据网格

  • vuetable-2 - 数据表简化
  • vue-tables-2 - 适用vue2版本的网格组件
  • vue-datasource - vue服务器端组件创建动态表
  • ag-grid-vue - 用于aggrid的Vue适配器
  • vue-data-tables - 基于element-ui的Vue2.0数据表
  • vue-floatThead - Vue 2.0的浮动头组件,一个浮动和粘表头插件。
  • vuetiful-datatable - 带排序、过滤、分页、分组和聚合的数据表组件。
  • vue-materialize-datatable - CSS用于实现CSS的VueJS数据表
  • vue-good-table - 一个使用简单的VueJS (2.x)表插件,有排序,列过滤,分页等。
  • vue-grid - Vue.js的一个灵活的网格组件
  • vue-easytable - 基于Vue2.x的强大的表组件
  • vue2-datatable-component - 基于Vue2.x的永远不会很糟糕的最好的数据表
  • vue-js-grid - Vue.js 2.x响应式网格系统,具有平滑的分拣、拖放和重新排序功能
  • vue-handsontable-official A Vue.js wrapper for the the Handsontable spreadsheet component
  • vue-grid - A powerful flexbox grid system for Vue.js 2.x, built with inline-styles
  • vue-data-tablee - Based on vue-good-table, a simple and pretty table component
  • vue-scrolling-table - Simple table component with flexbox sizing, scrolled table body (horizontal and vertical), slots for all tr/th/td rendering.
  • el-search-table-pagination - Combines Form, Table and Pagination components of Element UI together. Based on Vue 2.x.(Detail)
  • vue-crud-x - Extensible crud component using Vuetify layout, other than the usual page, sort, filter, it is able to do nested CRUD, custom forms, filters, operations.
  • Vue Datatable - VueJS powered Datatable with Laravel server-side loading and JSON template setup
  • v2-table - A simple table component based Vue 2.x.
  • vue-cheetah-grid - A high-performance grid engine that work on a canvas for Vue.js.
  • vue-table-component - A straight to the point Vue component to display tables.
  • @lossendae/vue-table - Simple table component for Vue.js 2.x with pagination and sortable columns.
  • el-data-table - base on element-ui, makes crud easily
  • DevExtreme Vue Grid - High-performance plugin-based Vue data grid for Bootstrap.
  • vue-ads-table-tree - A vue Table component, with filtering, sorting and pagination. Rows can have child rows, so a tree structure can be build. It also supports async calls to load rows from the backend. It's build with the css framework tailwindcss
  • Syncfusion Data Grid for Vue - Displays and manipulates tabular data with features such as paging, sorting, filtering, editing, and grouping.
  • @marketconnect/vue-pivot-table - A vue component for pivot table
  • vue-teible - Lightweight and flexible table component for the web ⚡️
  • vue-jqxgrid - Vue data grid with filtering, sorting, editing, grouping, data export and other features.
  • vue-jqxpivotgrid - Vue pivot data grid with pivot designer, drill through cells, pivot functions.
  • toast-ui.vue-grid - Vue Wrapper for TOAST UI Grid.
  • vueye-datatable - Vueye data table is a responsive data table component based on Vue.js 2, it organizes your data per pages in order to navigate easily.
  • vue-sorted-table - A plugin to turn tables into sorted tables. Supports nested object keys, custom icons and reusable components.

 

Notification

Toaster / snackbar — Notify the user with a modeless temporary little popup

  • vue-notifications - Vue.js agnostic non-blocking notifications library.
  • vue-easy-toast - A toast plugin for vue/vue2.
  • vue-toasted - Responsive Touch Compatible Toast plugin for VueJS.
  • vue-notifikation - Vue.js notification plugin.
  • vue-notification - Vue.js 2+ notification plugin using Velocity for animations.
  • vs-notify - Tiny but powerful notification component with no dependencies.
  • vue2-notify - Vue.js 2+ notification plugin.
  • vue-notifyjs - Minimalist, 3kb themable notification plugin
  • vueup - Simple, lightweight and elegant global notification popup for Vue.js
  • vuex-flash - Flash message component for VueJS 2.x within Vuex 2.x.
  • vue-snotify - Vue.js 2 Notification Center
  • vue-notify-me - Stackable notification Alert for Vue
  • vue-noty - A Vue.js 2 wrapper around Noty
  • vue-notice - Vue.js 2 wrapper around Noty.js with native API
  • vue-flash-message - Simple yet flexible notification plugin
  • @voerro/vue-notifications - Simple Vue.js 2 notifications plugin with HTML and styling support.
  • vue-awesome-notifications - Lightweight Vue.js notification library with advanced async support.
  • vue-izitoast - A Vue.js 2 wrapper around IziToast.
  • vue-toastr-2 - Simple toast notifications for Vue.js built on toastr
  • vue-snack - A Vue.JS plugin for Snackbars based on Google Material.
  • vue-m-message - A message plugin for vue.
  • vue-notification-bell - A Vue UI component for showing notifications.

 

Loader

Loaders / spinners / progress bars — Let the user know that something is loading

  • vue-radial-progress - Radial progress bar component for Vue.js.
  • vue-simple-spinner - A simple, flexible spinner for Vue.js
  • vue-wait - Complex Loader Management for Vue/Vuex and Nuxt applications.
  • vue-spinner-component - Customizable, lightweight spinner for Vue.js.
  • vue-progress-path - Customizable progress indicators and spinners that support any custom SVG path.
  • vue-blockui - BlockUI for vue 2, similar to jquery blockUI, can be used for loading screen.
  • epic-spinners - Easy to use css spinners collection with vue.js integration.
  • svg-progress-bar - A simple,progress bar for Vue.js.
  • vue-loading-overlay - Tiny full screen loading indicator
  • vue-loaders - vue wrappers for loaders.css
  • vue-promise-btn - Tiny and powerful tool for asynchronous buttons(or any other tag) lock with fancy built-in spinner
  • vue-spinkit - ? A collection of loading indicators animated with CSS for VueJS
  • vue2-form-loading - A VueJS directive can be used with forms in order to disable submit button while the next page is loading
  • vue-element-loading - ⏳ Loading inside a container or full screen for Vue.js
  • tb-skeleton - A skeleton screen loading for Vue.js
  • vue-spinners - ? A collection of loading spinner components for Vuejs
  • vue-progress-bar - This is a cascading progress bar plugin based on vue

 

Progress Bar

A slim progress bar at the top of the page

  • vue-progressbar - A lightweight progress bar for vue.
  • vue2-loading-bar - Simplest Youtube Like Loading Bar Component For Vue 2.
  • vue-top-progress - Yet another top progress loading bar component for Vue.js.
  • vue-nprogress - Progress bars is based on nprogress for Vue.
  • vue-progress-button - Vue.js 2.x animated button component.
  • vue-simple-progress - A simple, flexible progress bar for Vue.js
  • vue-component-loading - Manage a loading state inside each component and display the global loading state with a progressbar.

 

Tooltip

Tooltips / popovers

  • v-tooltip - Easy tooltips with Vue 2.x.
  • vue-popper-component - Popper.js directive for Vue.js.
  • vue-directive-tooltip - Simple, flexible tooltip directive (based on Popper.js)
  • vue-popperjs - VueJS 2.x popover component based popper.js
  • vue-tooltipster - VueJS 2.x tooltip component based tooltipster.js. Support html content, hover and hover+click events.

 

Overlay

Overlay / modal / alert / dialog / lightbox / popup

  • vuedals - A VueJS (2.x) Plugin for multiple modals windows with a single component instance.
  • sweet-modal-vue - The sweetest library to happen to modals. Now available for Vue.js.
  • vue-js-modal - Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal with 0 dependencies.
  • vudal - Modal window for vue.js
  • vodal - A vue modal with animations.
  • vue-image-lightbox - A Vue image lightbox/gallery to display images nicely.
  • vue2-simplert - Vue 2 Simple Alert Component (SweetAlert Inspired) By Irfan Maulana
  • Vue-Semantic-Modal - Vue 2 Semantic-UI modal component without jQuery dependency
  • v-img - Easy to install image gallery.
  • vue-dialog-drag - Draggable dialog
  • vue-ya-semantic-modal - Yet another semantic-ui modal component for Vue2 without Jquery but with Vue transition
  • vue-pure-lightbox - Very simple lightbox plugin without any dependencies - only Vue! ?
  • v-viewer - Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js
  • vue-messagebox - Easy and made-to-order messagebox component on Vue.
  • vuejs-dialog - A lightweight, promise based alert, prompt and confirm dialog.
  • @hscmap/vue-window - Window UI Component for vue2.
  • vue-gallery - VueJS responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. Based on blueimp-gallery
  • vue-swal - A small wrapper for integrating SweetAlert to Vuejs. (Compatible with SSR)
  • vue-modal-dialogs - ✨ Promisify your own dialogs!
  • vue-img-view - a plugin for Vue.js, you can drag / view / rotate pictures anywhere
  • vue-modaltor - most advance configurable modal component for vuejs
  • v-modal-backdrop - A simple generic backdrop component for vue
  • vue-cute-modal - A simple and easy to use Modal component for Vue applications.
  • v-dialogs - A simple and powerful dialog, including Modal, Alert, Mask and Toast modes, based on Vue2.x
  • vue-gallery-slideshow - Responsive gallery component for VueJS
  • vue-a11y-dialog - A Vue.js component wrapper for the accessible dialog a11y-dialog.
  • vue-slideout-panel - Stackable panel component for VueJS
  • v-gallery - A Vue2 plugin for images show in gallery or carousel
  • vue2-image-loader - A image lazyLoad loader component for vue2
  • vue-my-photos - A simple dependency-free image lightbox component with filtering capabilities

 

Parallax

  • vue-parallax - Scrolls an image slower than the window to create a neat optical effect.
  • vue-parallaxy - Vue.js component for parallax image scroll effects.
  • vue-mouse-parallax - A simple to use Mouse Parallax Component - Made with Vue.js
  • vie-parallax-js - Tiny vue component that adds a directive for parallax effect on elements.

 

Icons

  • vue-awesome - Font Awesome component for Vue.js, using inline SVG.
  • vue-material-design-icons - A collection of SVG Material Design icons as single file components.
  • vue-icon-font - A iconfont plugin for Vuejs (support Font-class and Symbol).
  • vue-ionicons - Vue Icon Set Components from Ionic Team.
  • vue-ico - Dead easy icons for Vue with drop-in browser support & selective bundling
  • mdi-vue - Material Design Icon components for Vuejs
  • vue-fontawesome - Font Awesome 5 Vue component
  • g-icon - Simple icon component for your svg icons (compatible with Font Awesome-like font toolkits)
  • vue-simple-line-icons - Simple Line Icons component for Vuejs
  • vue-country-flag - Vue component for country flag icons
  • vicon - Vicon is an simple iconfont component for vue.
  • md-svg-vue - Material Design Icons by Google for Vue.js & Nuxt.js (server side support (with caching), inline svg rendering, official icon names)
  • vue-lang-code-flags - Vue component which shows the flag of the country from which the language comes from
  • vue-zondicons - Vue component for the beautiful Zondicon svg icons
  • vue-eva-icons - Simply beautiful open source eva icons as Vue components.

 

Menu

  • vue-accordion - Simple accordion nav menu component for Vue.js.
  • vue-js-dropdown - Vue.js 2 dropdown menu component. Light, easy to use and extend, no external deps.
  • vue-slideout - Vue implementation of the popular library slideout
  • vue-quick-menu - This is web navigation component base on vue.js2.
  • @hscmap/vue-menu - Menu / Context Menu component for vue2.
  • vue-router-nav - Minimalistic responsive navigation bar that renders routes of vue-router.
  • vue-drawer-layout - A simple DrawerLayout component like Android has for Vue.js.
  • vue-simple-menu - Simple menu component with a set of basic functionality, which is enought in 80% of cases
  • vue-tree-navigation - Vue.js 2 tree navigation with vue-router support
  • bp-vuejs-dropdown - Vuejs => 2 dropdown. Easy to use, no external, optional.
  • vue-bulma-accordion - Simple, easily configurable accordion or collapsible styled with Bulma custom or built in icons available
  • v-selectmenu - A simple, easier and highly customized menu solution for Vue2.
  • vue-burger-menu - An off-canvas sidebar Menu component with different CSS animations.

 

Minus Plus Input

  • minus-plus-input - A number input with plus minus; included for Vue.js v1 and v2.
  • vue-integer-plusminus - Integer input with increment and decrement buttons for vue 2.
  • vue-numeric-input - Number input component with controls.

 

Carousel

  • vue-easy-slider - Slider Component of Vue.js.
  • vue-l-carousel - A responsive carousel(namely slider or swiper) component for Vue.js v2.x+.
  • vue-awesome-swiper - Swiper(slide) component for Vue.js(1.x ~ 2.x).
  • vue-lory - Vue Slider Component based on lory.
  • vue-slick - Vue component for Slick-carousel.
  • vue-flickity - A Vue Component for Flickity.js.
  • vue-carousel-3d - Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js.
  • vue-carousel - A flexible, responsive, touch-friendly carousel for Vue.js.
  • vue-coverflow - A vue2.x coverflow component.
  • vue-agile – A carousel component inspired by Slick, written in Vue.js and vanilla JS only.
  • vue-tiny-slider – A carousel component created by ganlanyuan, written in Vue.js. No jQuery. Works in IE8+.
  • vue2-text-swimlane - A Text Swimlane plugin for Vue.js
  • vue-picture-swipe - Vue Picture Swipe Gallery (a gallery of image with thumbnails, lazy-load and swipe) backed by photoswipe.
  • vue2-siema - Plugin wrapper for the very tiny Siema carousel/slider library.
  • vue-flux - Image slider which comes with 20 cool transitions.
  • vue-glide - Vue slider & carousel component on top of the Glide.js
  • vue-owl-carousel - Vue component for Owl Carousel 2

 

Charts

  • vue-morris - VueJS component wrapping Morris.js.
  • vue-charts - Google Charts plugin for Vue.js.
  • vue-chartjs - Vue.js wrapper for Chart.js.
  • hchs-vue-charts - Based on Vue2.0 wrapper for ChartJs.
  • vue-echarts - ECharts component for Vue.js.
  • vuetrend - Simple, elegant spark lines for Vue.js.
  • vue-highcharts - Highcharts component for Vue.
  • vue-echarts-v3 - Vue.js(v2.x+) component wrap for ECharts.js(v3.x+).
  • vue-chartist - Vue.js 2.0 component wrap for Chartist.
  • g2-vue - Factory wrapper for using G2 easily in a Vue Component.
  • vuebars - Simple, elegant spark bars for Vue.js.
  • vue-d3-network - Vue component to graph networks using d3-force
  • vue2vis - Vue2 wrapper for Visjs.
  • vue-c3 - A reusable vue component for c3 charts
  • vue-d2b - Vue components for d2b charts. (Including axis, pie, sankey, and sunburst charts)
  • VueChart - A very simple Vue wrapper for Chart.
  • vue-chartkick - Create beautiful JavaScript charts with one line of Vue
  • d3vue - A D3 Plugin for Creating Reactive Data Visualizations in VueJS
  • vue2-frappe - A simple wrapper around Frappe Charts for VueJS
  • vue-google-charts - Reactive Vue.js wrapper for Google Charts lib
  • vue-graph - Data visualization library for dashboard implementation in Vue.js
  • vue.d3.sunburst - Reactive sunburst component based on D3.js
  • v-chart-plugin - A customizable component for adding D3 charts that binds to your components data.
  • vue-jqxchart - Charting component with Pie, Bubble, Donut, Line, Bar, Column, Area, Waterfall, Polar & Spider series.
  • toast-ui.vue-chart - Vue Wrapper for TOAST UI Chart.
  • vue-apexcharts - Vue.js component for ApexCharts.
  • vue-doughnut-chart - Doughnut chart component for Vue.js.
  • v-charts - Chart components based on Vue2.x and Echarts.

 

Time

Display time / date / age

  • vue-timeago - A tiny timeago component for Vue.
  • vue-moment-jalaali - Jalaali Moment.js filters for your Vue.js project.
  • vue-countdown-timer - Added timezone conversion support.
  • vue-analog-clock-range - Analog clock range to show time difference.
  • vue-moment-lib - A simple Vue.js 2.0 MomentJS library (filters & globals) using the same momentjs API.
  • vuejs-countdown - A simple countdown timer component for vue js 2.0
  • vue2-flip-countdown - A countdown timer with flip effect for Vue 2.x
  • timeline-vuejs - A minimalist timeline for Vue
  • vue-awesome-countdown - Countdown plug-in with high performance and high accuracy for Vue 2.5.0+. Official site: https://vac.js.org
  • vue-clock2 - Diaplay clock component for Vue.

 

Calendar

Display non-editable events in a Calendar

  • vue-fullcalendar - Vue calendar fullCalendar. No jQuery required. Schedule events management.
  • vue-event-calendar - A simple events calendar for Vue2, no dependencies except Vue2.
  • vue-calendar-picker - Lightweight calendar component for events display, period selection and date picker.
  • vue-lunar-calendar - A vue component for lunar calendar. Uses Moment.js for date operations.
  • vue-simple-calendar - Flexbox-based Vue month calendar compenent; supports multi-day events, localization, holiday emoji, drag/drop. No dependencies.
  • vue2-calendar - A simple full calendar component aimed at being flexibile and lightweight.
  • vue-jlunar-datepicker - A Chinese lunar datepicker component with festivals and solar terms.
  • vue-full-calendar - A complete fullcalendar.io wrapper for both Vue 1 and 2
  • v-calendar - Animated calendar/datepicker that displays regions, indicators and day popovers for simple & recurring dates.
  • vue-infinite-calendar - A simple infinite calendar implementation for Vue 2
  • vue-calendar - A simple calendar components for Vue 2.1.5+, support custom content. No dependencies.
  • vue2-event-calendar - An events calendar for Vue2, support customize event items and calendar header.
  • vue2-datePicker-infinite - An infinite datePicker for Vue2, easy to use and no dependencies.
  • vue2-slot-calendar - A vue 2 calendar, datepicker component which supported lunar or date event, bootstrap style.
  • quasar-calendar - A vue.js calendar using the Quasar framework that implements monthly, multi-day and agenda views.
  • vue2-datepicker - A beautiful datepicker / datetimepicker component for Vue2
  • vue-pikaday - VueJS wrapper component for Pikaday datepicker
  • vue-tuicalendar - VueJS wrapper component for tui.calendar calendar
  • vue-jqxscheduler - VueJS Scheduler component.
  • toast-ui.vue-calendar - Vue Wrapper for TOAST UI Calendar.

 

Map

  • vue2-google-maps - Google maps component for vue with 2-way data binding.
  • vue2-leaflet - Vue 2 components for Leaflet maps.
  • vue-mapbox-gl - Vue 2.x component for Mapbox GL JS
  • vue-yandex-maps - Vue 2.x component for Yandex Maps
  • vue-baidu-map - Vue 2.x component for Baidu Maps.
  • vue-choropleth - Vue 2.x component to display a choropleth map.
  • vuelayers - Vue 2 components to work with OpenLayers.
  • vue-googlemaps - Vue 2.x components to integrate Google Maps.
  • vue-static-map - Vue 2.x simple component to generate an static google map

 

Audio / Video

  • Vue-APlayer - ? Easy-to-config music player for Vue 2.x.
  • vue-audio - audio-tag wrapper; sound player component for Vue 2.x
  • vue-dplayer - A Vue 2.x video player component based on DPlayer.
  • vue-canvasvideo - A Vue 2.x component for video backgrounds and autoplay video on iOS/Safari.
  • vue-music - A Vue component base on html5 .
  • vue-audio-visual - Vue HTML5 audio visualization components.
  • vue-plyr - A set of Vue components for the plyr video & audio player.
  • v-playback - A Vue2 plugin to make video play easier.
  • vue-audio-recorder - Audio recorder for Vue.js. It allows to create, play, download and store records on a server

 

Infinite Scroll

  • vue-infinite-loading - An infinite scroll plugin for Vue.js 1.0 & Vue.js 2.0.
  • vue-mugen-scroll - Infinite scroll component for Vue.js 2.
  • vue-infinite-scroll - An infinite scroll directive for vue.js.
  • vue-loop - An infinite content loop component for Vue.js 2.
  • vue-scroller - An infinite content loop component for Vue.js 2, including functionalities such as 'pull-to-refresh', 'infinite-loading', 'snaping-scroll'.
  • vue-infinite-list - An infinite list mixin can recycle dom for Vue.js 2
  • vue-infinite-slide-bar - ∞ Infinite slide bar component.
  • vue-virtual-infinite-scroll - A vue2 component based on Iscroll, supports big data list with high performance scroll, infinite load and pull refresh.

 

Pull-to-refresh

  • vue-pull-refresh - A pull to refresh component for Vue.js 2.0.
  • vue-pull-to - A pull-down refresh and pull-up load more and infinite scroll for Vue.js component.
  • vue-data-loading - Another component for infinite scroll and pull down/up to load data.
  • vue-quick-loadmore - A pull-down refresh and pull-up infinite scroll plugin for Vue.

 

Markdown

  • vue-markdown - A Powerful and Highspeed Markdown Parser for Vue.
  • vue-mavonEditor - A markdown editor based on Vue that supports a variety of personalized features.
  • vue-simple-markdown - A Simple and Highspeed Markdown Parser for Vue.
  • vue-simplemde - A wrapper around simplemde. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.
  • toast-ui.vue-editor - Vue Wrapper for TOAST UI Editor.

 

PDF

  • vue-pdf - A pdf viewer based on mozilla's PDF.js

 

Tree

  • Vue.D3.tree - A Tree View based on D3.js
  • vue-json-tree-view - A JSON Tree View Component for Vue.js.
  • vue-tree - A Tree Component for Vue.js 2.X.
  • liquor-tree - Amazing Vue Tree component
  • vue-trees-ui - A Tree Ui Base On Vue.
  • Bosket - Collection of tree view components for front-end frameworks (Vue, React, Angular and Riot).
  • plantain-00/tree-component - A reactjs, angular and vuejs tree component.
  • sl-vue-tree - A simple customizable draggable tree component for Vue.js
  • vue-draggable-nested-tree - Customizable draggable tree view component for Vuejs2 @phphe
  • vuejs-tree - A highly customizable VueJs tree viewer
  • vue-jstree - A Tree Plugin For Vue2 with beautiful icons and drag&drop
  • vue-vtree - Universal and flexible tree component for Vue.js

 

Social Sharing

  • vue-social-sharing - A Vue.js component for sharing links to social networks, work with Vue.js 1.X or 2.X.
  • vue-goodshare - Vue.js component for social share with beautiful button design. Simple install, extensive documentation, developer support, SEO friendly, clean code without scripts tracking user activity on the page, high speed. Work with Vue.js 2.x.
  • vue-socialmedia-share - A Vue.js component for sharing links to social networks, with with Vue 2.X
  • vue-picture-sharesheet - A Vue Picture Sharesheet Component heavily inspired by the Image Sharesheet in Apple's Newsroom
  • vue-twiiter - A Vue.js component for embed twitter widgets (e.g timeline, buttons)

 

QR Code

  • vue-qriously - A Vue.js 2 component to draw QR codes on an HTML Canvas using qrious.
  • vue-qart - The directive of vue 2.x for qart.js.
  • vue-qrcode-reader - A Vue.js 2 component which detects and decodes QR codes from a camera stream.

 

Search

  • vue-fuse - A lightweight pluggin for fuzzy search library, Fuse.js
  • vue-instantsearch - The ultimate toolbox for creating instant-search experiences using Algolia.
  • vue-innersearch - A Vue.js wrapper for Elasticsearch

 

Miscellaneous

  • vue-avatar - An avatar component for vue.js.
  • vue-touch-ripple - Touch ripple component for Vue.js(1.x ~ 2.x).
  • vue-typer - Vue component that simulates a user typing, selecting, and erasing text.
  • vue-keyboard - Vue 2 virtual keyboard component.
  • vue-twentytwenty - Image comparison component, works with Vue.js 2.x
  • vue-cookie-law - Cookie info plugin for Vue.js 2.x
  • vue-gravatar - A dead-simple gravatar component for Vue.js 2.x
  • vue-clipboard2 - An easy to use clipboard.js binding for Vue.js 2.x
  • vue-flashcard - FLashcard component with animation for Vue.js 2.x ?
  • vue-truncate-collapsed - A simple component that truncates your text and adds a 'Read More/Show Less' clickable for Vue.js 2.x
  • vue-kanban - A flexible drag and drop kanban board component
  • vue-letter-avatar - A simple and elegant letter avatar component for vue.js
  • vue-highlightjs - Syntax highlighting with highlight.js
  • v-clipboard - Simple, tiny and easy to use directive to save your models to clipboard (less than 2kb minified, no dependencies)
  • vue-invisible-recaptcha - Super easy integration for Google's Invisible reCAPTCHA
  • vue-embed - Embed component is based on embed.js for Vue 2.x, a component that embeds emojis, media, maps, tweets, gists, code, services and markdown.
  • vue-particles - Vue.js component for particles backgrounds
  • vue-uniq-ids - Vue.js 2.x plugin that helps to use id-related attributes with no side-effect
  • vue-multivue - Use multiple vue apps of the same class on the same page.
  • vue-affix - A Vue.js 2.x plugin that affixes an element in the window while you scroll, similar to Bootstrap Affix but much simpler and smarter
  • X-Browser-Update-Vue - A Vue.js browser-update plugin.
  • vue-query-builder - A UI component for building complex queries with nested conditionals.
  • vue-info-card - A simple and beautiful card component with an elegant spark line and CSS3 flip animation.
  • v-offline - Simple, tiny and easy to use detection of offline & online events for your Vue app (less than 390b minified)
  • vue-word-cloud - A word cloud generator.
  • vue-flat-surface-shader - A Vue component for flat surface shader
  • vue-easteregg - Easey add an easteregg to your vue app (default with konami code)
  • vue-barcode-scanner
  • vue-heatmapjs - A Vue directive for tracking and visualising mouse activity
  • vue-maze - An itty-bitty maze game made as Vue.js component
  • vue-drag-verify - This is a vue component, which is sliding to unlock for login or sign up.
  • vue-balloon - Vue components for creating fixed, zoomable containers in the corner of a page. Similar to the mail composition wrapper used in gmail.
  • vue-sticker - Sticker effect to any directions
  • v-rating - ⭐️ Rating component in Semantic-UI made with VueJS (< 500B gzipped, blazing fast)
  • vue-content-placeholders - Composable components for rendering fake (progressive) content like facebook in vue
  • vue-page-designer - Vue component for drag-and-drop to design and build mobile website.
  • vue-creativecommons - CreativeCommons.org Vue.js components library.
  • vue-status-indicator - A Vue.js component to show status indicator as colored dots.
  • vue-google-adsense - Vue.js Google Adsense Component with InFeed and InArticle Ads support
  • emoji-vue - Emoji ??? dropdown for Vue.js project
  • vue-chessboard - Chessboard vue component to load positions, create positions and see threats.
  • vue-mindmap - Vue component for mindnode maps.
  • v-currency - Vue component for formatting currency.
  • vue-emoji-picker - Highly customizable unicode emoji picker ??
  • vue-8-puzzle - An itty-bitty slide puzzle game made as Vue.js component
  • vue-e164 - Customizable phone formatter with E.164 standart support
  • vue-pgn - Vue.js component for viewing chess games in pgn format
  • vue-avatar-editor - Resize, rotate and crop your uploaded avatar using a clear user interface.
  • vue-connection-listener - Vue event bus plugin listening for online/offline changes.
  • vue-sauce - "View source" directive for Vue.
  • vue-prom - Vue promise wrapper component.
  • numeric-keyboard - Numeric keyboard for mobile browsers.
  • vue-zoom-on-hover - Image zoom on mouse hover
  • vue-responsive-image - A Vue component that lets you quickly create responsive image tags with an optimal number of image sources for all devices.
  • vue-highlight-text - Vue component for highlight multiple istances of a word
  • vue-cast-props - Provides a convenient way of converting props to common data types.
  • vue2-heropatterns - A Vue2 implementation allowing you to add the popular Hero Patterns onto any Div
  • vue-link - One component to link them all ? (treat external and internal links same)
  • vue-identify-network - ⚡️Identify what kinda internet your users are using!
  • vue-cloneya - A vue component to clone DOM elements
  • vue-survey-builder - Survey builder for vue.js applications
  • vue-if-bot - A lightweight component to hide/show content to clients based on the user agent
  • vue-clampy - Vue.js (2+) directive that clamps the content of an element by adding an ellipsis to it if the content inside is too long.
  • vue-cookie-accept-decline - Show a banner with text, a decline button, and an accept button on your page. Remembers selection using cookies. Emits an event with current selection on creation. Good for GDPR requirements.
  • @lossendae/vue-avatar - An avatar component for VueJS 2.0.
  • vue-text-highlight - Text highlighter library for Vue.js ?
  • vue2-hammer Hammer.js wrapper for Vue 2.x to support mobile touch..
  • vue-countable - Vue binding for countable.js. Provides real-time paragraph, sentence, word, and character counting.
  • v-show-slide - A Vue.js directive for animating an element to and from height: auto in a sliding motion.
  • vue-swipe-actions - iOS style swipe actions for Vue.js
  • vue-friendly-iframe - A Vue js component for creating super fast loading, non-blocking iframes.
  • vue-beautiful-chat - A simple and beautiful Vue chat component backend agnostic, fully customisable and extendable.
  • vue-magnifier - A simple image zooming / magnifying component for Vue.js 2.x.
  • vue-highlight-words - Vue component to highlight words within a larger body of text. Ported from react-highlight-words
  • vue-tags-ball - Create a beautiful and spherical tag with this plugin
  • vue-rippler - Simple Vue.js plugin for custom ripple effect
  • vue-contacts - Mobile contacts component for Vue
  • basic-vue-chat - Easy to use Vue.js chat
  • vue-resize-text - A vue directive which automatically resize font size based on element width.
  • vue-github-profile - A vue component to view the profile and repos of determined user
  • vue-niege - ? ? Single File Vue component to add a snow storm through a canvas.

 

Tabs

  • vue-tabs - Simple tabs and pills.
  • vue-swipe-tabs - A touch swipe tab component for vue.js(vue2).
  • vue-tabs-component - An easy way to display tabs with Vue.
  • vue-k-tabs - A simple tabs components with Gitlab design.
  • vue-tabs-with-active-line - Simple Vue 2 component, that allows you to make tabs with moving bottom line

 

Form

Let the user create & edit data

 

Picker

  • vue-smooth-picker - A smooth picker component for Vue 2.x, like iOS native datetime picker.

 

Generator

  • vue-json-schema - Generate a form using JSON Schema and Vue.js
  • vue-awesome-form - A vue.js component just like json-editor
  • vue-generator - Initial router and components for the Vue project.
  • vue-form-json - Generate a vue form with validation and bulma style, from json
 
Date Picker

Date / datetime / time Picker

  • vue-datepicker - [unmaintained] Calendar and datepicker component with material design for Vue.js.
  • vue2-timepicker - [unmaintained] A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible time format support.
  • vuejs-datepicker - A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations.
  • vuedt - [unmaintained] Crazy lightweight (5.5kb!) Vuejs Date and Time picker component with nice animations and not too much fuzz.
  • vue-flatpickr-component Vue.js component for flatpickr datetime picker
  • vue-bootstrap-datetimepicker Vue.js component for eonasdan-bootstrap-datetimepicker
  • vue-jalaali-datepicker - Jalaali calendar and datepicker for vue.js 2.
  • vue-date-picker - A vue date picker component inspired by material design
  • vue-monthly-picker - Vue.js component for month and year picker only
  • vue-hotel-datepicker - A responsive date range picker that displays the number of nights selected, allows custom check-in/check-out rules, blocking dates, localisation support and more.
  • vue2-persian-datepicker - An awesome persian datepicker component for vue. کامپوننت انتخاب تاریخ برای ویو.
  • vue-datetime - Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.
  • vue-rangedate-picker - Range date picker with simple usage
  • v2-datepicker - A simple datepicker component based Vue 2.x.
  • vue-datepicker-local - A Beautiful Datepicker Component For Vue2.
  • vue-airbnb-style-datepicker - A Vue datepicker with a similar look and functionality as the popular AirBnb datepicker. Lightweight, configurable and good browser support!
  • vue-persian-datetime-picker Persian material datepicker. Supports datetime, date, time, year, month.
  • VCalendar Very customizable and powerful calendar/datepicker component with many features and good documentation.
  • @owumaro/vue-date-range-picker - A vue component using Bootstrap 4 styles for date range selection
  • vue-datepicker-mobile - A mobile friendly datepicker for vue2. ?? select one day or range of date and custom it that you wish.
  • vue-draggable-cal - Not your ordinary datepicker. A Vuejs draggable date selector with a fresh responsive design, mobile ready and 0 dependencies, 17kb gzipped.
  • vue-vanilla-datetime-picker - Datetime picker for Vue.
  • vue2-daterange-picker - Vue2 date range picker based on bootstrap-daterangepicker (no jQuery dependency)

 

Select

  • vue-select - A native Vue.js component that provides similar functionality to Select2 without the overhead of jQuery.
  • vue-multiselect - Universal select/multiselect/tagging component for Vue.js.
  • stf-vue-select - most flexible and customized select Vue2
  • vue-select-image - Vue 2 Component for selecting image from list
  • @riophae/vue-treeselect - A multi-select component with nested options support for Vue.js.
  • @k186/pd-select - A mobile UI component like IOS picker for Vue 2.x,can be wheel pick what ever you defined.
  • vue-dropdowns - A minimalistic and adaptable way to display select boxes if using objects for vue2.x
  • v-cascade - A lovely component of cascade selector with Vue 2.x (Support both of PC and Mobile)
  • vue-multi-select - A custom component to make select/multiselect for Vue2.
  • v-region - A simple region selector, provide Chinese administrative division data.
  • v-selectpage - A powerful selector for Vue2, list or table view of pagination, use tags for multiple selection, i18n and server side resources supports.

 

Slider

  • vue-slider-component - Slider for vue1.x and vue2.x.
  • vue-circle-slider - Circle slider component for vue2.x.
  • vue-netflix-slider - A Netflix like slider.
  • vue-slide-bar - Very simple vue slider bar component.
  • textra - Vue js add-on to slide text.
  • vue-knob-control - A rotary knob control for Vue.js

 

Drag and Drop

  • vuedraggable - Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js.
  • vue-dragula - Drag and drop so simple it hurts.
  • vue2-dragula - A vue-dragula fork for Vue2, with a lot of improvements.
  • awe-dnd - A sortable list directive with Vue.
  • vue-draggable-resizable - Vue2 component for draggable and resizable elements.
  • vddl - Vue components for modifying lists with the HTML5 drag & drop API, supports VueJs versions 1 and 2.
  • vue-drag-drop - A minimal and lightweight wrapper for the HTML5 Drag and Drop API.
  • vue-swing - A swipeable cards interface, as seen in apps like Jelly and Tinder.
  • vue-slicksort - A dependency-free set of mixins for animated, touch-friendly, sortable lists
  • draggable-vue-directive - A simple directive to handle drag and drop of any Vue component.
  • vue-smooth-dnd - Vue wrappers of smooth-dnd library. drag and drop, sortable library covering for many cases.
  • vue-drag-resize - A dependency-free Vue component for draggable and resizable elements with with aspect ratio, reactive props etc
  • vue-drag-it-dude - Vue2 component, that allows you to drag object wherever you want.
  • vue-draggable - Vue Drag and Drop library without any dependency. Simple and easy to use.

 

Autocomplete

Autosuggest / autocomplete / typeahead

  • vue-instant - Vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications.
  • v-autocomplete - Autocomplete component for Vue.js
  • vue-awesomplete - Vue wrapper for Awesomplete
  • vue-auto-complete - Autocomplete for Vue2. Works with objects or api calls.
  • vue-autosuggest - WAI-ARIA complete Autosuggest component with full customization over rendering and styling.
  • v-autosuggest - A simple modular Vuejs component that autosuggest input from a dyanamic or static data querying.
  • autocomplete - Simple Autocomplete component for Vue.js 2.*
  • vue-infinite-autocomplete - Vue infinite-autocomplete wrapper for Vue.js 2.*
  • vue-simple-suggest - Simple yet feature-rich autocomplete component for Vue.js
  • v-suggest - A Vue2 plugin for input content suggestions, support keyboard to quick pick.
  • vue-bootstrap-typeahead - An typeahead/autocomplete component for Vue2 using Bootstrap 4 CSS.

 

Type Select

Let the user select a tag / something while typing

  • vue-input-tag - Vue.js 2.0 Input Tag Component.
  • v-distpicker A flexible, highly available district picker for picking provinces, cities and districts of China for Vue.js 2.x.
  • vue-img-inputer A graceful, highly customizable img type input for Vue 2
  • vue-img-preview An image input preview component in vue 2
  • v-image ? Tiny little component for input type=file (< 1kb, gzipped)
  • @voerro/vue-tagsinput A simple tags input Vue.js 2 component with typeahead/autocomplete
  • vue-tag-selector - Tag-like input. Light, customizable and handles REGEX validation!

 

Color Picker

  • vue-color - Vue Color Pickers for Sketch, Photoshop, Chrome & more.
  • vue-swatches - Help the user picking beautiful colors!

 

Switch

Switch / on/off toggle / checkbox

  • vue-switches - An on/off switch component for Vue.js with theme support.
  • vue-js-toggle-button - Vue.js 2.0+ toggle / switch button - simple, pretty, customizable.
  • vue-checkbox-radio - A Vue component to easily styling checkbox and radio inputs.
  • vue-enhanced-check - Vue component to redesign/labelize checkbox/radio, including toggle/switch button.
  • pretty-checkbox-vue - Implementation of pretty checkbox 3(A pure CSS library to beautify checkbox and radio buttons) components for Vue.js 2.2+.
  • vue2-collapse - Vue Collapse is a flexible content toggling plugin for the accordion lists or any other conditional content rendering.
  • vue-badger-accordion - A wrapping Component for Badger Accordion for Vue.js 2.0+

 

Masked Input

  • vue-masked-input - Masked input component for Vue.js.
  • vue-text-mask - Input mask for React, Angular, Ember, Vue, & plain JavaScript.
  • vue-ip-input - An ip input implemented by vuejs.
  • vue-numeric - Input field component to display currency value based on Vue.
  • awesome-mask - Mask directive based on a pure and simply VanillaJS implementation
  • v-money - Tiny (<2k gzipped) input/directive mask for currency
  • vue-autonumeric - A Vue.js component that wraps the awesome AutoNumeric input formatter library
  • vue-inputmask - Vue.js directive to add Robin Herbots' inputmask library to your inputs (vanilla javascript).
  • vue-input-number - A custom input number component for Vue.js 2.
  • v-unicode - Vue directive to restrict an input by unicode values.
  • vue-cleave-component - Vue.js component for cleave.js
  • vue-ip - An ip address input with port and material design support
  • vue-r-mask - Directive with template similar to javascript regular expression.
  • vue-input-code - Base on Vue.js 2.0+ verification code input component.
  • label-edit - Inspired by Trello. Click to show editable input and return the value changes. This is a Vue Component.
  • vue-jquery-mask - Vue.js v2.x component for jQuery Mask Plugin
  • vue-the-mask - Tiny (<2k gzipped) and dependency free mask input for Vue.js

 

Rich Text Editing

  • vue-quill-editor - Quill editor component for Vue2.
  • vue-mobiledoc-editor - A mobiledoc editor component toolkit for Vuejs.
  • vue2-medium-editor - A MediumEditor component for Vue 2.
  • vue-froala - VueJS wrapper for Froala Editor.
  • vue-froala-wysiwyg - Official VueJS plugin for Froala WYSIWIG HTML Editor.
  • vue-at - At.js for Vue.
  • vue-wysiwyg Lightweight, fast & extensible WYSIWYG editor
  • vue-trumbowyg Vue.js component for Trumbowyg WYSIWYG editor
  • vue-pell-editor Vue.js component for Pell WYSIWYG editor
  • vue-tinymce-editor Tinymce editor component for Vue2.
  • vue-mce - tinymce editor component for VueJS.
  • Vue2-Editor - HTML Editor using Vue.js and Quilljs
  • vue-codemirror - A Codemirror component for Vue2.
  • vue-easy-tinymce - A simple and powerful package for easy usage of tinymce in Vue.js project.
  • vue-highlightable-input - Highlight and style text as you're typing
  • vue-trix - Simple and lightweight Trix rich-text editor for Vue.js
  • tiptap - A renderless and extendable rich-text editor for Vue.js
  • toast-ui.vue-editor - Vue Wrapper for TOAST UI Editor.
  • ckeditor5-vue - An official CKEditor 5 rich text editor component for Vue.js.

 

Image Manipulation

Edit images

  • vue-core-image-upload - A vue plugin for image to crop and upload.
  • vue-croppa - A simple straightforward customizable lightweight mobile-friendly image cropper for Vue 2.0.
  • vue-cropper - A picture clipping plugin for vue2.0
  • toast-ui.vue-image-editor - Vue Wrapper for TOAST UI Image Editor.
  • vue-quick-cropper - Vue mobile avatar upload cropping plugin can choose cropping area and zoom.

Display images

  • vue-cloudinary - A vue (2.0) plugin that offers a reusable directive to get images from Cloudinary (https://cloudinary.com) with dynamic manipulation (resizing/cropping/effects/watermarking/scaling/formatting) and optimization (webp/png/auto quality/auto retina).
  • img-Vuer - An easy-to-use image viewer base on Vue.js for mobile.
  • vue-image-loader - A vue loader/progressive image plugin like Medium.
  • vue-load-image - display loader during image loading, as well as by display alternate content when the image fails to load.

 

Video Manipulation

  • vue-playlist - A lightweight vue (2.0) component with no dependancies that offers truly seamless html5 video playback. The one and only working solution for seamless video play done with vanilla JS. It takes an array of videos and stitches them together into a single video.

 

File Upload

  • vue-clip - Simple and hackable file uploader for VueJs. Supports Vue >= 2.1.
  • vue-simple-upload - Simple File upload component for Vue.js.
  • vue2-multi-uploader - A drag and drop multiple file uploader component that uses Vue.js v2 and Axios. Uploader shows file names, sizes and total size of files added. It also allows setting a minimum required number of files to upload.
  • vue-dropzone - A Vue.js (vue2) component for Dropzone.js - a drag’n’drop file uploads utility with image previews.
  • vue-transmit - A purely Vue.js drag & drop uploader component based on Dropzone.js for Vue 2.0
  • vue-upload-component - Vue upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory. Supports Vue >= 2.0
  • vue-uploader - A Vue.js upload component powered by simple-uploader.js
  • ic-firebase-uploader - A clean multi-file upload component for Firebase storage.
  • vuejs-uploader - A resumable multipart file uploader for HUGE file uploads.
  • vue-filepond - A Vue.js component for FilePond - a file upload library that can upload anything you throw at it.
  • v-uploader - A Vue2 plugin to make files upload simple and easier, you can drag files or select file in dialog to upload

 

Context Menu

  • vue-context-menu - A context menu component for vue js.
  • vue-lil-context-menu - A flexible lil context menu component for Vue.
  • vue-mouse-menu - A mouse-menu component for vue 2+.
  • @hscmap/vue-menu - Menu / Context Menu component for vue2.
  • vue-context - A simple but flexible context menu for vue js.
  • vue-simple-context-menu - Simple context-menu component built for Vue. Works well with both left and right clicks.
  • vue-context-menu-popup - Context Menu popup for Vue 2. Works on right click or can be triggered programatically.

 

Miscellaneous

  • vue-gmaps - Search places and address using Google Maps API.
  • vuep - A component for rendering Vue components with live editor and preview.
  • vue-places - Places component is based on places.js for Vue 2.x. Turn any input into an address autocomplete.
  • vue-password-strength-meter - Password strength meter based on zxcvbn in vue.js.
  • vue-float-label - Float label pattern for Vue.js.
  • vue-longpress - A VueJS (2.x) button component that requires you to keep pressing to confirm a given action.
  • vue-google-autocomplete - A Vue.js (2.x) autosuggest component for the Google Maps Places API.
  • vue-ip-input - An ip input component for Vue.js 2.x
  • vue-default-value - Vue.js 2.x directive to set a default value for editable elements with no affect to the model state
  • vue-model-autoset - A Vue.js plugin to workaround Vue limitation in observing dynamically added properties with v-model directive
  • vue-submit - Simple implementation of Ladda (1, 2) in less than 90 lines of code with no dependencies.
  • vue-rate - Rate component for Vue
  • vuetify-google-autocomplete - A Vuetify ready Vue.js (2.x) autosuggest component for the Google Maps Places API.
  • vue-ripple-directive - Material Ripple Effect as Vue Directive.
  • vue-fab - Vue Floating Action Button.
  • vue-complexify - Vuejs porting library from jquery.complexify.js.
  • vue-mc - Models and Collections for Vue.js
  • vue-stars - Highly customizable rating control (using stars or other characters)
  • vue-confirmation-button - Customizable confirmation button that requires users to read messages before performing an action
  • vue-poll - A Vue.js component for voting
  • vue-diagrams - Diagram component for vue.js, inspired by react-diagrams
  • vue-easy-polls - A Vue.js component for creating polls, voting and showing results. It’s easy to implement and easy to customize.
  • vue-m-button - A beautiful button component for vue.

 

Wizard

  • vue-form-wizard - Tab based component which can replace classic bootstrap & jQuery form wizards
  • vue-stepper - A simple stepper with simple actions such as next, back and end to perform simple forms.
  • vue-stepper-component - A fully customizable Stepper component with Vuex support and Zero dependencies.

 

CSV

  • vuecsv - A Simple CSV Downloader from json with option modal panel component.

 

Comment System

  • vue-comment-grid - ? Responsive Vue.js comment system plugin that built with CSS Grid and Firebase REST API + Authentication.

 

Canvas

  • vue-easeljs - Data-driven control over an HTML5 canvas element.
  • vue-canvas-effect - A simple, canvas effect collection for Vue.js.
  • vue-konva - Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.
  • vue-html2canvas - Vue mixin to capture html and convert it to an image using Html2Canvas.
  • vue-canvas-nest - A Vue.js component for canvas-nest.
  • vue-signature-pad - ? A Vue Signature Pad Component

 

Link Preview

  • link-prevue - Flexible component for generate a link preview.

 

Tour

  • vue-tour - Lightweight and customizable tour plugin
  • vue-page-guide - Page tour / guide plugin with directive

 

UI Layout

Layout for the overall / main view

  • vue-waterfall - A waterfall layout component for Vue.js.
  • vueisotope - Vue component for isotope filter & sort magical layouts.
  • vue-grid-layout - A draggable and resizable grid layout, for Vue.js.
  • vue-drag-zone - Drag Zone component for Vue.js(2.x).
  • vue-masonry - Vue.js directive for masonry blocks layouting.
  • vue-fraction-grid - Flexbox based responsive fraction grid system for Vue.js.
  • vue-virtual-scroll-list - A vue (2.x) component support big data by using virtual scroll list.
  • vue-virtual-scroller - Component to scroll a large amount of elements efficiently (Vue 2.x).
  • vue-virtualscroll - [Vue 2.x] component to virtual scroll things.
  • vue-inview - [Vue 2.x] Viewport, get notification when DOM element is entered or leave.
  • dnd-grid - A vuejs grid with draggable and resizable boxes
  • vue-extend-layout - Extend the default layout or create custom layouts for the pages of your Vue.js SPA
  • vue-masonry-css - Vue.js Masonry layout component powered by CSS, dependency free
  • vue-fullpage.js - Official fullPage.js component for Vue.js.
  • vue-virtual-collection - Vue component for efficiently rendering large collection data.
  • autoresponsive-vue - Auto responsive grid layout library for Vue.
  • VueFlex - A flexbox grid system.
  • v-chacheli - A Vue.js component to create and display custom dashboard-like grid layouts.
  • vue-grid-styled - A lightweight set of functional grid components, ported from React's grid-styled
  • simple-grid - Vue component for grid layout,support flex.
  • vue-container-component - Simple container component inspired on Bootstrap Container
  • vue-colcade - A small wrapper for integrating Colcade grid layout to Vuejs.
  • vue-ads-layout - A small library of Vue components to quickly generate a responsive webapplication layout with toolbar, left/right drawers and a footer. All components can be positioned fixed or relative.
  • vue-magic-grid - A tiny port of Magic Grid for Vue.js 2.

 

Frameworks

 

Responsive

Set of components + responsive layout system

  • quasar-framework - Quasar Framework. Build responsive websites, hybrid mobile Apps (that look native on Android and iOS) and Electron apps using same code, with VueJs 2.
  • vue-material - Material design for Vue.js.
  • vuetify - Material Component Framework for Vue.js 2.
  • muse-ui - Material Component library for Vue.js 2.
  • buefy - Components based on Bulma framework.
  • element-ui - A Vue.js 2.0 UI Toolkit for Web.
  • vue-bulma-components - Easily use bulma class syntax with vue components.
  • iview-ui - A Vue.js 2.0 UI Framework for web.
  • AT-UI - A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0
  • v-semantic - Implementation of semantic-ui for Vue
  • bootstrap-vue - Implementation of bootstrap-4 grid and components for Vue.js 2.
  • fish-ui - A Vue.js 2.0 UI Toolkit for Web
  • zircle-ui - A frontend library to develop zoomable user interfaces.
  • vue-mdc-adapter - Material Components integration for Vue.js as per MDC Team's guidelines.
  • Material Components Vue - wrapper around material-components-web for Vue.js
  • VueFace - A Vue.js 2.0 UI Component library for Web
  • vuesax - Frontend vue Components for Vue.js.
  • vuecidity - UI component framework for Vue.js 2.0
  • ant-design-vue - An enterprise-class UI components based on Ant Design and Vue 2.5.0
  • heyui - (https://www.heyui.top/en) - A Vue.js 2.0 UI Toolkit for Web.
  • Carvue.js - IBM's Carbon Design System for Vue.js
  • BalmUI - Next Generation Material UI for Vue.js
  • Osiris UI - ? A Vue.js 2.0 universal responsive UI component library
  • N3-components - Beautiful Web Components built with Vue 2
  • Shards Vue - ✨ Sleek & UI Components Library based on the Bootstrap 4 Framework.

 

Mobile

UI frameworks for mobile

  • Framework7-Vue - Build full featured iOS & Android apps using Framework7 & Vue.
  • vux - [Chinese] Vue UI Components based on WeUI.
  • vue-onsenui - Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
  • Weex - Weex provides the ability to publish cross platform, so web, Android, and IOS apps can use the same API development functions.
  • weex-eros - [Chinese] Eros is a app solution based on Weex and Vue, which enables you to use API of Vue, simple and quick development of small and medium app.

Set of components for mobile

  • mint-ui - Mobile UI elements for Vue.js.
  • vant - A Vue.js 2.0 Mobile UI From YouZan.
  • cube-ui - A fantastic mobile ui lib implement by Vue.js 2.
  • mand-mobile - A mobile UI toolkit, based on Vue.js 2, designed for financial scenes.

 

Component Collections

Set of components without layout system

  • vue-mdc - Material Components Web for Vue.js.
  • keen-ui - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
  • vue-admin - Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3.
  • vuikit - UIkit with all the power of Vue.
  • uiv Bootstrap3 components implemented by Vue2.
  • yuche/vue-strap - Bootstrap 3 components built with Vue.js 1
  • wffranco/vue-strap - Bootstrap 3 components built with Vue.js 2
  • jsmod-vue-pc - Highly scalable web components for vue 2.0
  • guilhermewaess/SemVue - Semantic-ui Modules implemented with Vue 2
  • office-ui-fabric-vue - Office UI Fabric implementation for Vue.js
  • vuestic-admin - Vue Admin Dasboard with collection of custom components. Built with Vue 2 and Bootstrap 4
  • Semantic UI Vue - Semantic UI integration for Vue
  • vuesax - Frontend vue Components for Vue.js.
  • Essential JS 2 for Vue - Full featured 45+ Vue.js components which includes Data Grid, Chart, Scheduler and Diagram components etc.
  • Banshee - A mostly renderless Vue UI component and utility framework that ships with no CSS.
  • vue-atlas - A library of beautiful Vue components.
  • DevExtreme Vue Components - 65+ responsive and feature-complete Vue UI components with customizable Material Design and Bootstrap compliant themes.
  • jqwidgets - 70+ Vue.js 2.0 UI Components with Material Design themes.
  • vue-uix - UI collection for web page implementation in Vue.js
  • vuedarkmode - A Minimalist Dark Design System for Vue.js ?
  • Kendo UI for Vue – Over 70 UI components, including a Grid, built for business applications. Fully responsive with support for several Design Languages including Material Design and Bootstrap.
  • Vuent - Vue.js components implementing Microsoft Fluent Design

 

Admin Template

Set of admin template

  • iView Vue Admin - iView Vue Admin / An admin portal template based on iView 2.x
  • element Vue Admin - element Vue Admin / An admin portal template based on Element UI 2.x
  • vue-element-admin - A magical vue admin based on Element UI 2.x
  • d2admin - An elegant backstage template build by vue
  • rest-admin - Restful Admin Panel Based on Vue and Bootstrap 4 Online Demo
  • Shards Dashboard Lite Vue - ✨ Modern admin template featuring dozens of custom components and templates.
  • Vue Material Admin - A vue material design admin template

 

Server-side rendering

  • Nuxt.js - Versatile Vue.js Framework.
  • Ream - A minimalistic framework for building server-rendered and static websites.

 

Static website generator

  • VuePress - Minimalistic Vue-powered static site generator.
  • Peco - A static website generator for humans.

 

Other

  • app-framework - IOS and Android Apps with HTML & JavaScript - develop, build and deploy - free and open source.
  • Myfirebase - A decoupled Single page application Framework which is highly compatible with google firebase.
  • Vue-Access-Control Frontend access control framework based Vue.js 2.
  • Basys Toolbox for building full-stack Vue.js apps

 

UI Utilities

 

Event Handling

Handling of user events (scroll, click, key strike, ...)

  • vue-shortkey - Vue-ShortKey - plugin for Vue.js.
  • vue-throttle-event - Throttle events based on requestAnimationFrame.
  • vue-waypoint - Waypoint component for Vue, this is the easiest way to trigger a function when you scroll.
  • vue-clickaway - Reusable clickaway directive for reusable Vue.js components.
  • vue-scrollfire - Fires an event on a specific scroll position.
  • vue-resize-directive - Vue directive to detect resize events with deboucing and throttling capacity.
  • v-click-outside - Vue directive to react on clicks outside of an element without stopping the event propagation.
  • vue-outside-events - Vue 2.x directive to help a specified element listen for specific events occurring outside of itself.
  • vue-selectable - Vue 1.x/2.x directive to make items selectable by mouse.
  • vue-click-helper - Vue2.x directive to handle click event and dblclick event on same element.
  • v-hotkey - Vue 2.x directive for binding hotkeys to components.
  • vue-resize - Vue 2.x component to detect DOM elements resizing (event based/no window.onresize)
  • vue-observe-visibility - Vue 2.x directive using Intersection Observer API that detects if the element is visible (in the viewport and not hidden by CSS).
  • v-dragged - Vue 2.x directive plugin for drag event detection.
  • vue-esc - Vue.js directive to add a document event listener on escape keyup.
  • vue-global-events – A component to handle global events (like shortcuts) using Vue’s event modifiers
  • vue-edge-check – Check browser edge to prevent transition effect triggered oddly when swipe edge with vue-router
  • vue-mutation-observer – A simple and tiny directive to observe changes in DOM use MutationObserver API
  • vue-scroll-show – Showing the element if the user reached it after scroll
  • vue-tabevents – Easy communication between other opened tabs

 

Responsive Design

  • vue-viewports - Define your custom viewports and use them in your components.
  • vue-responsive: Vue.js(2.x) directive to hide/show HTML-elements with the Bootstrap 4, 3 or self defined breakpoints.
  • vue-match-media - Vue 2.x-compatible plugin that offers a consistent, semantic approach to making components media query-aware.
  • vue-media-query-mixin - Vue 2 media query mixin that can be used in both component js and component template. Compatible with bootstrap and vuetify viewports. wXS returns if screen width is xs, wSM returns true if screen width is sm, etc...
  • vue-breakpoints - Vue 2 minimal components to show and hide elements based on breakpoints. Inspired by Airbnb.
  • vue-mq - Offer some useful tools to quickly setup responsive design with a semantic and mobile-first API (Vue 2.x)
  • VueResizeSensor - A container that supports resize event.
  • vue-breakpoint-component - A render-less component for composing CSS breakpoint state.
  • fine-mq - A fine API to manage media queries in JS with ease and first-class integration with VueJS as a plugin.
  • vue-responsive-components - Create responsive components with ResizeObserver.

 

Form

  • vue-formly - JavaScript powered forms for Vue.js.
  • vue-focus - A reusable focus directive for reusable Vue.js components.
  • vue-form-generator - A schema-based form generator component for Vue.js.
  • FormSchema Native - Generate a form using JSON Schema and Vue.js
  • ic-formly - Simple form component powered by vue-formly.
  • Form Builder - Json template based form builder, based on Vue and Laravel.
  • vue-autofocus-directive - Vue autofocus directive.
  • vue-awesome-form - A vue.js component just like json-editor
  • vue-form-components - Clean & minimal vue form elements with validation

 

Validation

  • vee-validate - Simple Vue.js input validation plugin.
  • vue-rawmodel - RawModel.js plugin for Vue.js v2. Form validation has never been easier.
  • vuelidate - Simple, lightweight model-based validation for Vue.js.
  • simple-vue-validator - A simple yet flexible validator library for vue.js.
  • vue-vform - Vue.js 2 form component that integrates jQuery Validation and Axios.
  • vue-form - Comprehensive form validation for Vue.js.
  • vuelidation - simple, powerful, vuejs validation.
  • laravel-vue-validator - Display errors from laravel validation rules
  • vue-daval - Super vue data validator. Easiness, simplicity, accurate.
  • willvalidate - Validation Forms for Vue.js.
  • vue-m-validator - Model data validation library, for VueJs.
  • vue-isyourpasswordsafe - A small utility written in Vue that checks if the given password has been leaked against the Have I Been Pwned API.
  • vue-form-send - A Vue.js directive for sending data from form and primitive validation

 

Resize

  • vue-not-visible - Vue directive for removing from dom (like v-if) element on screen smaller than breakpoints.

 

Scroll

Set window scroll position

  • vue-chat-scroll - Automatic scroll-to-bottom directive for Vue.js 2.0.
  • vue-scrollto - Adds a directive that listens for click events and scrolls to elements.
  • vue-next-level-scroll - A component based and SSR ready approach to smooth scrolling using the modern Scroll behavior API
  • vue-scroll-sync - A component that syncronize containers scroll positions
  • v-scroll-lock - A Vue.js directive for body scroll locking without breaking scrolling of a target element
  • vue2-perfect-scrollbar - PerfectScrollbar minimalistic wrapper

Virtual scrollbar

  • VBar - The virtual responsive cross-browser scrollbar component for Vue.js 2x.
  • Vuebar - Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies.
  • vue-detached-scrollbar - A simple scrollbar that can be detached from the container it is scrolling.
  • vuescroll - A scrolling plugin based on Vue.js for uniforming the scrolling in PC and mobile.

Detect when components enter viewport

  • vue-scrollview - A component utilizing scoped slots to detect when a vue component enters and leaves the viewport.
  • vue-scrollactive - Adds an active class in a menu item based on the current section in viewport, also scrolling to the section when clicking the menu item.
  • vue-intersect - A Vue component to add intersection-observer to a Vue component or HTML element.
  • vue-scrollmonitor - A Vue plugin to watch visibility state of elements inside viewport with a wide range of browsers supported (use provide/inject so compat [email protected])
  • vue-stroll - An Awesome CSS3 list scroll effects component for Vue.js 2.x.
  • navscroll-js - Highlights menu items as you scroll, and also scrolls to a section when a menu item clicked. Use as a vue component, a vue directive or with vanilla js.
  • vue-scrollwatch - A light plugin detecting scroll event,customize callback when element enter viewport,expose 'scrollTo' api to scroll to specific element .Using vue directive.
  • vue-check-view - A plugin that checks if element is in viewport. Fast, small, has no dependencies, live demo.
  • vue-stickto - A vue directive that support multiple DOM nodes stick to top automatically
  • vue2-scrollspy - A scrollspy plugin and animated scroll-to.

Customize the scroll behavior

  • vue-scroll-behavior - Customize the scroll behavior on route navigation. Especially hash mode.
  • vue-scroll-stop - Stops propagation scroll when edge reached.

Seamless scrolling

  • vue-seamless-scroll - A simple, Seamless scrolling for Vue.js.

 

Routing

  • vue-router - The official router for Vue.js.
  • vue-router-storage - Router storage & resolve solution for Vue.js 2 & vue-router 2
  • vue-tidyroutes - Decentralized vue-router routes definitions
  • vue-routisan - Elegant route definitions for Vue Router based on Laravel routing system
  • vue-error-page - Provides a wrapper for router-view that allows you to show error pages without changing the URL
  • vue-router-sitemap - Generate sitemap.xml by vue-router configuration
  • vue-smart-route - Smart route directive to make intelligent looking apps with Vue.js.

 

Lazy Load

  • vue-lazyload - A Vue.js plugin for lazyload your Image or Component in your application.
  • vue-lazy-background-images - Lazy load background images for Vue 2.
  • vue-progressive-image - Vue progressive image loading plugin.
  • vue-l-lazyload - A lazyload plugin for Vue.js v2.x+.
  • vue-lazyload-img - Especially optimized for mobile browser. support V2 & v1.
  • vue-lazy-images - A plugin of lazyload images for Vue 2.x.
  • v-lazy-img - Tiny (<0.6kb) directive for progressive image loading for Vue 2.
  • vue-clazy-load - Lightweight transitionable image lazy loading component using IntersecionObserver for Vue 2.
  • vue-lazy-this - Lazyloading component using Intersection Observer API.
  • v2-lazy-list - A simple lazy-load list component based Vue 2.x
  • pimg - A Simple Progressive Image Component used for lazy loading images.
  • vue-tiny-lazyload-img - A small size Vue.js v.2+ directive for lazy loading images

 

Pagination

  • vue-paginate - A simple vue.js plugin to paginate data.
  • vue-pagination-2 - Vue.js 2 pagination component.
  • vuejs-uib-pagination - Best and complete pagination plugin for Vue.js. Inspired in Angular Bootstrap Pagination.
  • vuejs-paginate - A Vue.js(v2.x+) component for creating pagination.
  • vue-pagination-bootstrap - A Vue.js (1.x & 2.x) server-side paging component with a template based on Bootstrap
  • laravel-vue-semantic-ui-pagination - A Vue.js 2.x pagination used with Laravel & Semantic-UI.
  • vue-paginate-al - Vue paginate with return your data.
  • vue-tiny-pagination - A Vue component for create a tiny pagination.
  • laravel-vue-pagination - A Vue.js pagination component for Laravel paginators that works with Bootstrap.
  • vue-lpage - Low-level Vue pagination component.
  • v-page - A simple pagination bar, including length Menu, i18n support, based on Vue2.x.
  • vue-smart-pagination - Smart pagination of any data with a lot of nice settings.
  • vue-paginatron - Pagination component built with scoped-slot props for maximum flexibility.
  • vue-ads-pagination - A vue pagination component build with the css framework tailwindcss

 

Animation

  • vue2-animate - A Vue.js 2.0 port of Animate.css. For use with Vue's built-in transitions.
  • animated-vue - A Vue.js 2.x plugin to easily use Animate.css animations as transitions. As easy as !
  • vue-lottie - A Vue.js 2.x plugin to render after effects animations based on bodymovin
  • Vueg - Make vue-router have a transition effect / 为 webApp 提供转场特效的开源 Vue 插件
  • v-animate-css - The easiest to implement Vue 2 directive for Animate.css
  • vue-mixin-tween - Mixin factory that adds tweened values to component context for animations
  • v-odometer - Smoothly transitions numbers with ease. Use this library to give your application a smooth animation, only applicable on numbers.
  • vue2-transitions ✨ Reusable Vue 2 transition components
  • vue-overdrive Super easy magic-move transitions for Vue apps ?
  • animated-number-vue Super easy way to animate numbers.
  • vue-typed-js Typed.js integration to easily create typying animations.
  • vue-parent-change-transition Enable a child components to animate when it changes the parent.
  • vue-smooth-reflow Transition an elements reflow in response to data changes.
  • VueTween Allows components to tween their properties.
  • vue-slide-up-down Like jQuery's slideUp / slideDown, but for Vue!
  • vue-animejs Simple anime.js directives for Vue.
  • Eagle.js Eagle.js is a web-based slideshow framework for Vue.js.
  • vue-pose Pose for Vue is a declarative motion system that combines the simplicity of CSS transitions with the power and flexibility of JavaScript.
  • vue-slide-up-down-component It is a simple interface but realizes very flexible and powerful slide animation, for Vue!
  • femtoTween A minimalistic (zero-dep, less than 1k) tweening library with first-class Vue support

 

Meta Tags

Manage meta information in the document head

  • vue-head - Manage the meta information of the head tag, a simple and easy way.
  • vue-meta - Manage page meta info in Vue 2.0 components. SSR + Streaming supported.
  • vue-headful - Set document </code> and meta tags from within your views.</li> <li>vue-simple-headful - Easily set meta-tags with vue.js - a simpler <code>vue-headful</code> alternative with TypeScript support.</li> </ul> <h3> </h3> <h3>Portal</h3> <p><em>Move a DOM node to a target DOM node</em></p> <ul> <li>vue-dom-portal - An escape hatch for DOM Elements in Vue.js components.</li> <li>portal-vue - A Vue Plugin to render your component's template anywhere in the DOM (Works on the virtualDOM level, doesn't move nodes within the DOM)</li> </ul> <h3> </h3> <h3>Filters</h3> <ul> <li>vue2-filters - A collection of standard filters Vue 1.* adapted for use in Vue 2.*.</li> <li>vue-morphling - A collection of standard and custom filters for Vue 2.</li> <li>vue-currency-filter - Lightweight and Customizeable Vue 2 Currency Filter.</li> <li>vue-trans - A simple filter to provide a similar way of translating to the Symfony trans.</li> <li>vue-string-filter - Lightweight Vue 2 String Manipulation Filter.</li> <li>vue-units - A collection of handy unit conversion filters for use in Vue 2.</li> <li>vue-numeral-filter - A collection of filters that allows Numeral.js to be used inline in the template section of a component.</li> <li>vue-filter-date-format - Simple datetime filter for Vue 2.</li> <li>vue-filter-pluralize - Simple pluralize filter for Vue 2.</li> </ul> <h3> </h3> <h3>SVG</h3> <ul> <li>vue-svgicon - A tool to create svg icon components. (vue 2.x).</li> <li>vue-content-loading - Vue component to easily build (or use presets) SVG loading cards Facebook like.</li> <li>vue-annotator - Annotate page using any SVG Element (<code>rect</code>, <code>polygon</code>, and many more, even HTML Element like <code>canvas</code> if wrapped in <code>foreignObject</code>)</li> <li>vue-svg-sprite - A directive to simply use SVG sprite (vue 2.x).</li> <li>vue-svg-filler - Vue component for custom your svg file ? ? (vue 2.x).</li> </ul> <h3> </h3> <h3>Miscellaneous</h3> <ul> <li>vue-resource-progressbar-interceptor - Interceptor that ties a progressbar to all requests, that it is clear that something is loading.</li> <li>vue-images-loaded - Vue.js 2.0 directive to detect images loading.</li> <li>vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility.</li> <li>vue-resize-sensor - Component to detect container resizing (event-based)</li> <li>v-blur - Vue directive to blur an element dynamically</li> <li>vue-async-methods - Helper utilities for promise based methods</li> <li>vue-openseadragon - OpenSeaDragon component for Vue.js (zoom and pan)</li> <li>vue-match-heights - Directive to set heights of elements to be the same.</li> <li>vue-conditional-attrs - A Vue.js component for conditional rendering attributes and directives</li> <li>vue-cbsc - A Vue.js 2.x component for programmatically blender, shader and convert colors.</li> <li>vue-spatialnavigation - Vue directive (Vue.js 2.x) for spatial navigation (keyboard navigation)</li> <li>vue-lifecycle - A Vue.js lifecycle directives.</li> </ul> <h3> </h3> <h3>WebGL</h3> <ul> <li>vue-3d-model - A 3D model viewer in Vue component.</li> <li>vue-pano - A panorama viewer in Vue component.</li> <li>vue-threejs - Vue bindings for Three.js.</li> <li>VueGL - Vue.js components rendering 3D graphics reactively via three.js</li> <li>vue-vr - A framework for building VR applications with Vue based on threejs and Panolens, inspired by react-vr</li> <li>vue-displacement-slideshow - A Vue.js component that makes Webgl image displacement transitions easier.</li> </ul> <h3> </h3> <h3>Fullscreen</h3> <ul> <li>vue-fullscreen - A simple Vue component for fullscreen.</li> </ul> <h3> </h3> <h3>Page visibility</h3> <ul> <li>vue-page-visibility-awesome - A Vue 2.x component of easy-to-config page visibility api.</li> <li>vue-authplugin - an elegant view auth control plugin, support directive and prototype methods.</li> </ul> <h3> </h3> <h3>Printing</h3> <ul> <li>vue-html-to-paper - Vue mixin for paper printing html elements to paper.</li> </ul> <h2> </h2> <h2>Utilities</h2> <p><em>Utilities not directly related to the UI</em></p> <ul> <li>vue-underscore - simple vue plugin to implement underscore</li> </ul> <h3> </h3> <h3>Typescript</h3> <ul> <li>vue-typed - Sets of ECMAScript / Typescript decorators that helps you write Vue component easily.</li> <li>vue-typescript - Typescript decorators to make vue feel more typescripty.</li> <li>vue-property-decorator - Vue.js and Property Decorator.</li> <li>vue-typescript-component - Decorators to use TypeScript classes as Vue.js 2.0 components.</li> <li>vue-typescript-import-dts - TypeScript declaration file that allows using 'import' with .vue files.</li> <li>vue-ts-loader - Type-check your script in your vue-loader.</li> <li>vue-mixin-decorator - Typescript decorator for strongly typed Mixins.</li> <li>vue-ts-component-generator - A simple cli tool for generating vue typescript components.</li> <li>vue-local-storage-decorator - Persist data by using local stoarge in decorator format</li> </ul> <h3> </h3> <h3>HTTP Requests</h3> <p><em>Retrieve data over HTTP</em></p> <ul> <li>vue-resource - The HTTP client for Vue.js.</li> <li>vue-async-computed - Async computed properties for Vue.js.</li> <li>vue-jsonp - A tiny library for handling JSONP request.</li> <li>v-model - V-Model is a model plugin for Vue.js, like ng-resource.</li> <li>vue-resource-mock - A helper to mock your http response, based on vue-resource's interceptor.</li> <li>vue-async-data-2 - Async data loading plugin for Vue.js.</li> <li>vue-api-request - A plugin that provides full control on your APIs, making your request simple, fast and easy to implement.</li> <li>vue-fast-axios - Make requests with validations in a simple and beautiful way.</li> <li>vue-async-properties - An <code>asyncData</code> and <code>asyncComputed</code> plugin with support for debouncing, transforming results, error handlers, loading/pending flags, lazy/eager requests.</li> <li>vue-axios-plugin - A plugin that combines axios with Vuejs, making http request more easier.</li> <li>vuex-api - A vuex plugin for effortlessly handle api calls.</li> <li>zipkin-instrumentation-vue-resource - An interceptor for vue-resource that instruments outgoing HTTP requests with Zipkin</li> <li>vue-api-query - Elegant and simple way to build requests for REST API.</li> <li>vue-chimera - A full-featured RESTful resource based client, compatible with Nuxt.js and allows server side fetch.</li> <li>vue-google-api - A wrapper for easy integration of the Google's APIs client in any vue.js 2 project, based on promises, with built-in Oauth2 "Sign In with Google" facilities.</li> </ul> <h3> </h3> <h3>i18n</h3> <p><em>Internationalization / L10n / localization / translation</em></p> <ul> <li>vue-i18n - Internationalization plugin for Vue.js.</li> <li>vue-translate-plugin - VueJS plugin for translations.</li> <li>vuex-i18n - Localization plugin for vue.js 2.0 using vuex as store.</li> <li>vue-gettext - Translate your Vue.js applications with gettext.</li> <li>vue-i18n - A small plugin for implementing translations in Vue.js.</li> <li>vue-multilanguage - Support many languages in Vue.js 2.</li> <li>vue-ts-locale - A plugin for implementing translations using Intl in Vue.js 2 with typescript support.</li> <li>vue-i18next - A i18next wrapper to support translations in Vue.js 2.</li> <li>vue-polyglot - Basic translation plugin for Vue.js 2 with async loading.</li> <li>v-localize - Simple localization plugin for the amazing Vue.js.</li> <li>vue-simple-i18n - Probably the thinnest library to end all Vue i18n solutions within 1kb</li> <li>template-string-i18n - I18n using template strings with auto save/load translate documents.</li> <li>vue-translations - Translate your vuejs application easy with it.</li> <li>vue-i18n-service - Export and import @kazupon/vue-i18n's SFC translations simply using <code>npx vue-i18n-service export|import</code>.</li> <li>vue-i18n-filter - Vue filter extend for Vue-i18n, simply using <code>{{ hello world | t }}</code>.</li> <li>vue-translation-manager - Interactively find and translate strings in your Vue.js application. Works well with vue-18n and vuex-i18n.</li> </ul> <h3> </h3> <h3>Custom Events</h3> <ul> <li>vue-events - Simple event handling for Vue.js.</li> <li>vue-event-handler - Event handling plugin for VueJS.</li> <li>vue-event-manager - The global event manager for Vue.js.</li> <li>vue-geb - A global event bus using Observables.</li> <li>vue-bus - Tiny simple central event bus plugin for Vue.js 2.</li> <li>vue-simple-events - Yet another event management plugin, but WITHOUT Vue instance</li> </ul> <h3> </h3> <h3>Persistence</h3> <p><em>LocalStorage etc.</em></p> <ul> <li>vue-localstorage - Vue.js localStorage plugin with types support.</li> <li>vue-ls - Vue plugin for work with LocalStorage from Vue context.</li> <li>vue-pouch - Live and reactive bindings for PouchDB. Persist data in IndexedDB and sync with CouchDB.</li> <li>vue-idb - Lists and huge lists management with IndexedDB (Dexie.js) only or automatically created and extendible vuex modules</li> <li>vuejs-storage - Vue.js and vuex plugin to persistence data with localStorage/sessionStorage.</li> <li>vue-browserstore - Browser storage wrapper.</li> <li>VueStorage - Allows components to save and load their data across browser sessions.</li> <li>vue-web-storage Another Vue.js plugin for localStorage and sessionStorage</li> <li>vue-universal-cookies Isomorphic cookies plugin for Vue.js / Nuxt.js supports Browser, Express, http (node).</li> <li>vue2-storage Browser storage for Vue.js app</li> <li>vue-warehouse A Cross-browser storage for Vue.js and Nuxt.js, with plugins support and easy extensibility based on Store.js.</li> </ul> <h3> </h3> <h3>State Management</h3> <ul> <li>vuex - Centralized State Management for Vue.js.</li> <li>vue-sync - Synchronize Vue State with the Browser URL, Server Backend, and other endpoints.</li> <li>vuelm - Lightweight state management inspired by Elm architecture.</li> <li>vue-duo - A tiny state management for Vue.js.</li> <li>vuez - A simple but powerful State Management for Vue.js, with only 2 APIs.</li> <li>vuet - Vue.js state management model for Agile Development</li> <li>vue-ya-stash - Yet Another stash storage with update/patch event emitters simillar with v-bind.sync</li> <li>vue-assign-model - Automatically assign elements value to model for Vue.js.</li> <li>vue-stash - Easily share reactive data between your Vue components.</li> <li>vue-mc - Models and Collections for Vue.js</li> <li>vue-model - Model component for Vue.js</li> <li>tuex - A mostly reasonable alternative to Vuex.</li> <li>revuejs - A tiny, light and handy state management for vuejs 2, writing less verbose code.</li> <li>lue - Vue and vuex based library, writing less verbose code.</li> <li>vuex-lite - A 1KB Vuex with just state and mutations.</li> <li>Vuenut - is a component to develop faster and more fluently.</li> <li>vue-shared - A light and simple alternative to vuex</li> <li>vuex-module-generator - It allows you to create a vuex module easily.</li> </ul> <h4> </h4> <h4>Redux</h4> <ul> <li>vuedeux - Binding Solutions for Vue & Redux. <ul> <li>redux-store-mixin - Mixin for integrate action creators in methods of vue-component</li> <li>vue-redux-prepare-props - Helper for use props of <em>Redux</em> with <em>Vue.js</em> using <em>Vuex</em> and <em>Vuedeux</em></li> </ul></li> <li>vuejs-redux - High order component facilities for Vue and Redux.</li> </ul> <h4> </h4> <h4>Mobx</h4> <ul> <li>movue - Mobx integration for Vue.js.</li> <li>vue-mobx - Mobx binding for Vuejs 2.x.</li> </ul> <h4> </h4> <h4>Authentication/Authorization</h4> <ul> <li>vue-kindergarten</li> <li>vue-authenticate - Simple Vue.js authentication library for login/register and OAuth (1.0/2.0) authentication</li> <li>vue-facebook-account-kit - Simple vue wrapper to the fb account kit library.</li> <li>casl-vue - Restricts what resources a given user is allowed to access</li> <li>vue-google-api - A wrapper for easy integration of the Google's APIs client in any vue.js 2 project, based on promises, with built-in Oauth2 "Sign In with Google" facilities.</li> </ul> <h4> </h4> <h4>Vuex Utilities</h4> <ul> <li>vuex-persistedstate - Persist Vuex state with localStorage.</li> <li>vuex-plugin-jsdata - A plugin for syncing Vuex store with js-data.</li> <li>vuex-local - Local state management within Vuex.</li> <li>vuex-action - Utilities for vuex to easily create and manage actions.</li> <li>vuex-rest-api - A Helper utility to simplify the usage of REST APIs with Vuex. Based on axios.</li> <li>vuex-cache - A Vuex plugin utility to cache action those will make remote request.</li> <li>vuex-persist - A Typescript-ready Vuex plugin to help save the store to localStorage or any custom Storage (that you can configure).</li> <li>vuex-local-state - Add 'localState/sessionState' options to vuex. Keep the Vuex state with localStorage.</li> <li>vuex-cli-scaffold - Scaffold vuex actions, mutations, getters and the state.</li> <li>vuex-action-reload - A vuex plugin that reloads actions when a condition is met.</li> <li>vuejs-storage - Vue.js and vuex plugin to persistence data with localStorage/sessionStorage.</li> <li>vuex-orm - The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.</li> <li>vuex-async-module - Reduce async boilerplate code generating Vuex modules. Compatible with Vue 2.x.</li> <li>vuex-api - A vuex plugin for effortlessly handle api calls.</li> <li>vuex-queries - Vuex-Queries helps you write query functions in Vuex</li> <li>vuex-microservice - Define microservice URLs at a dedicated place and use them inside your Vuex actions.</li> <li>vuex-iframe-sync - Vuex state synchronization between iframe/window.</li> <li>vuex-aspect - Bind remote data of any kind to the vuex store.</li> <li>Vuenut - is a component to develop faster and more fluently.</li> <li>vuex-map-fields - Enable two-way data binding for form fields.</li> <li>vuex-search - Vuex binding for client-side search with indexers and Web Workers.</li> <li>vuex-dry - helps keep your vuex codes DRY.</li> <li>vuex-pathify - provides a unified path syntax to Vuex stores (such as <code>foo/bar@a.b.c</code>)</li> <li>vuex-loading - Simplify vuex loading state management</li> </ul> <h6> </h6> <h6>Sync Between Tabs</h6> <ul> <li>vuex-basement - Vuex state persistence and synchronization between tabs/windows.</li> <li>vuex-shared-mutations - Share vuex mutations between tabs/windows.</li> </ul> <h3> </h3> <h3>GraphQL</h3> <ul> <li>vue-apollo - Apollo/GraphQL integration for VueJS.</li> <li>vue-relay - A framework for building GraphQL-driven Vue.js applications.</li> <li>vuex-orm-apollo - Apollo/GraphQL integration for Vuex-ORM.</li> </ul> <h3> </h3> <h3>Concurrency Management</h3> <ul> <li>vuency - Concurrency management for Vue.js.</li> </ul> <h3> </h3> <h3>Code Style</h3> <p><em>Improve readability of code</em></p> <ul> <li>vue-types - Vue Prop Types definitions.</li> <li>vue-factory - A simple factory/provider extension for Vue.js, like services in Angular.</li> <li>eslint-plugin-vue - Eslint plugin for Vue.js projects.</li> <li>vue-decorators - Decorators for Vue.js (beta).</li> <li>vue-computed-helpers - Computed helpers for Vue.js apps</li> <li>vert - Library to build Vue applications in OOP.</li> </ul> <h3> </h3> <h3>CSS</h3> <ul> <li>vue-bem-cn - Simple BEM class name generator for Vue.JS.</li> <li>vue-css - Vue.js plugin that allows you to bundle CSS with your components.</li> <li>vue-mods-names - Adding modificators to class names for all components in app.</li> <li>vue-styler - Simple, performant styler for vue.</li> <li>vue-css-modules - Seamless mapping of class names to CSS Modules inside of Vue components.</li> </ul> <h3> </h3> <h3>Asset Management</h3> <p><em>Utilities for building / compiling / bundling / loading assets</em></p> <ul> <li>vue-script2 - Standardized, designer-friendly script tag behavior for your Single Page App.</li> <li>vue-loader - Webpack loader for Vue.js components.</li> <li>vueify - Browserify transform for single-file Vue components.</li> <li>vue-compiler - A simple cli wrapper around the vue-component-compiler.</li> <li>vue-brunch - Adds support to Brunch for pre-compiling single file Vue components.</li> <li>poi - Start writing an app with a single .js file, Poi could handle all the development setups for you, no more configuration hell.</li> <li>http-vue-loader - Load .vue files directly from your html/js without node.js environment nor build step.</li> <li>vue-jsx-hot-loader - Enable HMR for Vue.js components with JSX render functions.</li> <li>VueInBrowserLoader - Loads a .vue file from the given URL and compiles it to a component directly in the browser.</li> <li>vue-separate-files-webpack-loader - Webpack loader for separated Vue components parts</li> <li>vue-svg-loader - webpack loader that lets you use SVG files as Vue components</li> </ul> <h3> </h3> <h3>Page Navigation</h3> <ul> <li>vue-navigation - A page navigation library, record routes and cache pages, like native app navigation. 一个页面导航库,记录路由并缓存页面,像原生APP导航一样。</li> <li>vue-acl - Access Control List for VueJS 2.</li> <li>vue-breadcrumbs - Implements simple breadcrumb functionality with vue-router for both Vue 1.x and Vue 2.x.</li> <li>vue-2-breadcrumbs - breadcrumb together with vue-router for Vue 2.x. and Bootstrap 4</li> <li>vs-crumbs - Vue breadcrumbs in 40 lines of code that allows nested paths without child views.</li> <li>vue-nav - Page navigation manager, support all navigation function of native mobile app. 页面导航管理器,支持手机原生应用的所有导航功能。</li> <li>vue-2-crumbs - Breadcrumbs plugin for Vue.js 2 framework that allows to select parent route in route meta object with no need of sub-routing. Also allows using dynamic data.</li> <li>vue-pesdk Vue.js wrapper for the PhotoEditorSDK</li> <li>vue-resolve Resolve routes data before entering / rendering the component for that route.</li> </ul> <h3> </h3> <h3>Miscellaneous</h3> <ul> <li>vue-container - A simple dependency injection library for Vue 2.</li> <li>vue-super - A simple plugin to call methods on parent components.</li> <li>@skyrpex/props-to-local - Vue mixin that maps props to local data.</li> <li>vue-inject - Dependency injection for Vue 2.x Components</li> <li>vue-deepset - Interact with deeply nested fields in Vue/Vuex objects/state with v-model in Vue 1.x and 2.x</li> <li>vue-gaspard - DOM helpers plugin for Vue.js</li> <li>vue-configuration - A static configuration object for Vue.js</li> <li>vue-lodash - A simple wrapper for integrating lodash to Vue 2.</li> <li>vue-ramda - Vue Wrapper for ramda</li> <li>vue-router-user-roles - Protects routes based on user roles. Add your own authentication.</li> <li>vue-messenger - A series of useful enhancements to Vue component props: Transform, Enum-type, Numeric-type, Two-way data bindings.</li> <li>vue-uuid-v4 - Plugin Vue2 to easy get UUIDv4</li> <li>vue-async-operations - Managing async operations statuses in your Vue components</li> </ul> <h3> </h3> <h3>Web Workers</h3> <ul> <li>vue-worker - A Vue.js plugin to use webworkers in a simply way.</li> <li>vue-log-worker - A Vue.js plugin to log error and vuex mutations to your backend through a web worker</li> </ul> <h3> </h3> <h3>JSX</h3> <ul> <li>jsx-vue-functional - A Babel plugin that brings syntactic sugar for Vue functional components.</li> <li>jsx-event-modifiers - A Babel plugin that adds event modifiers similar to Vue templates to JSX.</li> <li>jsx-v-model - A Babel plugin that brings <code>v-model</code> to JSX.</li> <li>vue-jsx-sync - A Babel plugin that brings vue <code>sync modifier</code> to JSX.</li> </ul> <h3> </h3> <h3>Migration</h3> <ul> <li>vue-backbone - Vue.js Plugin to facilitate Backbone integration.</li> </ul> <h3> </h3> <h3>Web Sockets</h3> <ul> <li>vue-socket.io - Socket.io implementation for vuejs.</li> <li>vue-websocket - Simple websocket (socket.io) plugin for Vue.js.</li> <li>vue-echo - Integrates Laravel Echo into Vue, allows for easy registration of socket events.</li> <li>vue-socket-cluster - Web Sockets for vue with uws(Micro web sockets) through socket cluster</li> <li>vue-native-websocket - Native websocket implementation for Vuejs 2 and Vuex</li> <li>vue-socket.io-extended - Socket.io bindings for Vue.js and Vuex</li> </ul> <h3> </h3> <h3>Payment</h3> <p>Payment utilities.</p> <h6> </h6> <h6>Stripe</h6> <ul> <li>vue-stripe-checkout A simple vue plugin for Stripe checkout.</li> <li>vue-stripe-payment Vue wrapper for jquery.payment by Stripe.</li> </ul> <h6> </h6> <h6>Paypal</h6> <ul> <li>vue-paypal-checkout A simple Vue.js wrapper component for paypal-checkout.</li> </ul> <h6> </h6> <h6>Plaid</h6> <ul> <li>vue-plaid-link Easy to use Vue component for Plaid Link.</li> </ul> <h2> </h2> <h2>Integrations</h2> <p><em>Integrate with services or other frameworks</em></p> <ul> <li>vue-disqus - Vue component to integrate Disqus comments in your application, with support for SPA.</li> <li>vue-youtube-embed - Vue.js and YouTube.</li> <li>vue-add-to-calendar - A Vue.js component that provides "Add to Calendar" functionality, works with Vue 2.X.</li> <li>Vue + Meteor - Vue first-class integration in Meteor.</li> <li>av-ts - A modern, type-safe, idiomatic Vue binding library.</li> <li>Neutronium - Build .NET desktop applications using HTML, CSS and javascript.</li> <li>vue-typescript-jest - Jest preprocessor.js for Vue.js components (supporting html, pug, and babel) and TypeScript.</li> <li>vue-jest-utils - Utilities for testing Vue.js components using Jest.</li> <li>vue-custom-element - Vue Custom Element - Custom Elements for Vue.js.</li> <li>vue-cordova - Vue.js plugin for Cordova.</li> <li>vue-wamp - AutobahnJS wrapper library fo Vue.js.</li> <li>express-vue - Vue rendering engine for Express.js. Use .Vue files as templates using res.render().</li> <li>vue-grecaptcha - Google reCAPTCHA for VueJS 2</li> <li>vue-recaptcha - Google reCAPTCHA component for Vue.js</li> <li>require-vuejs - RequireJS plugin to async and dynamic load and parse .vue components.</li> <li>facebook-login-vuejs - Vue Component for Authenticating your Facebook App and get the benefits of Facebook Login.</li> <li>vuejs/vuefire - Official Firebase Integration for VueJS</li> <li>vuefire - Firebase for VueJS and Vuex</li> <li>vue-runkit - RunKit Embed for Vue.js</li> <li>vue-youtube - Provides a simple layer for you to use your imagination while over the YouTube IFrame Player API. (Compatible with SSR)</li> <li>vue-introjs - Integrates intro.js step-by-step guide and feature introduction with Vue.js http://introjs.com/.</li> <li>vue-loopback - Loopback and Vue application template</li> <li>vue-laroute - Integrate Laravel routes into your VueJS application using laroute.</li> <li>vue-raven - Automatically reports uncaught JavaScript exceptions triggered from vue component.</li> <li>vue-telegram-login - Vue Component for Telegram Login by @vchaptsev</li> <li>vuexpress - Vue + Express.js = VueXpress / A server side rendering engine for Express.js. Use .vue files as your express.js templates.</li> <li>vue-fixer - A simple vue component for the fixer API.</li> <li>amazon-cognito-vuex-module - Vuex module for Amazon Cognito.</li> <li>vue-web3 - Web3 blockchain bindings for Vue.js (inspired by Vuefire and Drizzle)</li> <li>sbt-vuefy - Vue.js integration for Playframework</li> <li>loopback-vue-starter - LoopBack and Vue starter template with easy plugin management through <code>vue-cli</code> and <code>vue ui</code>.</li> <li>vue.py - Write Vue.js Components in Python</li> <li>vue-telegram-passport - Vue Component for Telegram Passport by @vchaptsev</li> <li>vue-facebook-login-component - A fully customizable component for integrating Facebook login.</li> <li>vue-programmatic-invisible-google-recaptcha - A simple invisible Google reCAPTCHA component focused solely on programmatic invocation.</li> <li>vbuild - Its main purpose is to let you use components (.vue files) in your vuejs app, without a full nodejs stack. Since 0.6 versions : you can create your component in pure python !</li> <li>feathers-vuex - is a first class integration of the Feathers Client and Vuex. It implements many Redux best practices under the hood, eliminates a lot of boilerplate code, and still allows you to easily customize the Vuex store.</li> <li>vue-nocaptcha - Aliyun noCAPTCHA component for Vue.js</li> </ul> <h3> </h3> <h3>Vue CLI 3 Plugins</h3> <ul> <li>vue-cli-plugin-cordova - Vue CLI 3 Plugin to add Cordova easily to your project</li> <li>vue-cli-plugin-component - Vue CLI 3 Plugin to create component</li> <li>vue-cli-plugin-modular-vuex - Vue CLI 3 Plugin to create modular Vuex store files</li> <li>vue-cli-plugin-modular-router - Vue CLI Plugin to create modular route files</li> <li>vue-cli-plugin-docker-nginx - Vue CLI Plugin to add a docker deployment using a minimal nginx server</li> </ul> <h6> </h6> <h6>Google Analytics</h6> <ul> <li>vue-ua - Google Universal Analytics support in Vue.js.</li> <li>vue-analytics - Vue plugin for Google Analytics.</li> <li>vue-gtm - Vue plugin for Google Tag Manager</li> </ul> <h6> </h6> <h6>Yandex Metrika</h6> <ul> <li>vue-ya-metrica - Vue plugin for Yandex.Metrica</li> <li>vue-yandex-metrika - Vue plugin for Yandex Metrika with router integration, plugin options by @vchaptsev</li> </ul> <h2> </h2> <h2>Dev Tools</h2> <ul> <li>vue-dev-server - A small development server for building <code>vue</code> components.</li> <li>vuepack.org - A simple page that allows you to select Vue components and download them as a single minified JS file.</li> <li>Storybook - The UI Development Environment. works with v3.2+ later.</li> <li>Font Awesome Finder - Chrome extension to search, preview and choose Font Awesome icons and copy the selected icon HTML code & Unicode to clipboard.</li> <li>vue-dummy - Placeholder Text and Dummy Images as a simple <code>v-dummy</code> directive.</li> <li>Bit - Manage and reuse <code>vue</code> components between projects. Easily isolate and share components from any project without changing its source code, organize curated collections and install in different projects.</li> <li>Vuenut - is a component to develop faster and more fluently.</li> </ul> <h3> </h3> <h3>Inspect</h3> <p><em>Inspecting & debugging</em></p> <ul> <li>Vue.js devtools - Chrome devtools extension for debugging Vue.js applications.</li> <li>DejaVue - Visualization and debugging tool built for Vue.js.</li> <li>vue-clicky - Right click any component to show info about it in the console.</li> <li>vuejs-logger - Provides customizable logging functionality for Vue.js.</li> <li>bugsnag-vue - Official Vue.js plugin for bugsnag error reporting</li> <li>vue-inspector - Vue.js Inspector for Mobile Devices</li> <li>Vue Performance Devtool - Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components</li> <li>VueSource - Global Vue mixin which identifies components in source code by adding HTML comments</li> <li>NW-Vue-DevTools - DevDependency for adding Vue DevTools into NW.js</li> </ul> <h3> </h3> <h3>Docs</h3> <p><em>Create documentation</em></p> <ul> <li>vue-markdown-loader - Convert Markdown file to Vue Component.</li> <li>vue-play - A minimalistic framework for demonstrating your Vue components.</li> <li>vue-styleguide-generator - React inspired style guide generator for Vue.js.</li> <li>CheatSheet - Complete Interactive API.</li> <li>Vuex CheatSheet - Complete Interactive Vuex API.</li> <li>vue-styleguidist - A style guide generator for Vue components with a living style guide.</li> <li>vue-elucidate - A component that generates beautiful documentation for your living styleguide / design system.</li> <li>vue-md-loader - Markdown files to ALIVE Vue components.</li> <li>@vuedoc/parser - Generate a JSON documentation for a Vue file component.</li> <li>@vuedoc/md - Generate a Markdown Documentation for a Vue file.</li> <li>jsdoc-vue-component - A jsodc3 plugin that extract vue SFC info(name, props, events...) to document.</li> <li>jsdoc-vuedoc - A jsdoc3 plugin use <code>@vuedoc/md</code>.</li> <li>vue-storybook – Add <code><story></code> blocks to your Vue single file components for tighter integration of Vue + Storybook</li> <li>vue-patterns - Useful Vue patterns, techniques, tips and tricks and helpful curated links.</li> </ul> <h3> </h3> <h3>Test</h3> <ul> <li>avoriaz - A Vue.js testing utility library.</li> <li>vue-container - A simple dependency injection library for Vue 2.</li> <li>vuenit - Utilities for testing Vue components and directives.</li> <li>vue-unit - A library for Vue.js that makes it easier to create and unit test components.</li> <li>vue-a2b - A library for Split Testing with Vue.js. Highly configurable and tiny (1.2k gzipped).</li> <li>vue-test-utils - Official utilities for testing Vue components.</li> <li>vue-test-actions - Unit testing Vuex actions with Jest mocks.</li> <li>jest-vue-matcher - Additional jest matchers for vue</li> </ul> <h6> </h6> <h6>Browser-less require</h6> <p><em>Load Vue components without browser</em></p> <ul> <li>vuegister - Vuegister (a portmanteau of vue & register) is a require hook for loading of the Vue.js single-file components (or .vue files).</li> <li>vue-node - Load vue components in node.</li> </ul> <h3> </h3> <h3>Source Code Editing</h3> <p><em>Text editor plugins</em></p> <h4> </h4> <h4>Atom</h4> <ul> <li>language-vue@atom.io - Vue component file syntax for Atom.</li> <li>language-vue-component@atom.io - Adds syntax highlighting to Vue Component files in Atom.</li> <li>vue-autocomplete@atom.io - Vue.js 1.0+ autocomplete for Atom.</li> <li>vue-snippets@atom.io - Atom snippets for Vue component files.</li> <li>vue-autocompile@atom.io - Auto compile vue file on save.</li> <li>lint-sass-vue@atom.io - Atom.io package to lint Sass/SCSS in <code>.vue</code> files.</li> <li>vuejs2-snippets@atom.io - Atom snippets for javascript and components, including lifecycle hooks, directives, properties, vuex, vue-router, vue-i18n support.</li> <li>vue2-autocomplete@atom.io - Vue.js 2.0+ autocomplete for Atom.</li> </ul> <h4> </h4> <h4>Sublime Text</h4> <ul> <li>Vue Syntax Highlight - Sublime Text syntax highlighting for single-file Vue components.</li> <li>VUEFormatter - Sublime Text code format</li> <li>vuejs-sublime-complete - Sublime Text code complete</li> <li>Vue Next Formatter - Sublime Text Vue formatter, Supported ES5/6/7, Less/Sass and Pug/Html template.</li> </ul> <h4> </h4> <h4>Vim</h4> <ul> <li>Vim Vue - Syntax Highlight for Vue.js components.</li> <li>vim-vue-plugin - Vim syntax and indent plugin for .vue files.</li> </ul> <h4> </h4> <h4>Visual Studio Code</h4> <ul> <li>Vetur - Vue tooling for VSCode.</li> </ul> <h4> </h4> <h4>Visual Studio</h4> <ul> <li>VuePack - Contains HTML Intellisense and code snippets for the Vue.js JavaScript library.</li> </ul> <h4> </h4> <h4>Brackets</h4> <ul> <li>Brackets Vue - Brackets extension for Vue.js.</li> </ul> <h4> </h4> <h4>Intellij</h4> <ul> <li>Vue.js Plugin - Vue.js features for the Intellij Platform (WebStorm, RubyMine, Intellij, etc).</li> <li>Vue.js support for WebStorm, IntelliJ IDEA, PhpStorm, PyCharm & RubyMine – official Vue.js support by JetBrains</li> </ul> <h4> </h4> <h4>Emacs</h4> <ul> <li>Vue Mode - Emacs major mode for vue.js.</li> </ul> <h4> </h4> <h4>Kate</h4> <ul> <li>Kate Syntax Files - Syntax files (modified or original) for katepart (kate, kwrite, kdevelop).</li> </ul> <h2> </h2> <h2>Scaffold</h2> <p><em>Scaffold / boilerplate / seed / starter kits / stack ensemble / Yeoman generator</em></p> <ul> <li>vue-cli - Simple CLI for scaffolding Vue.js projects.</li> <li>Vue-Django - A boilerplate to set you up in bringing the awesomeness of VueJS into a Django (Python) app.</li> <li>python-vuejs - Gluing Python web frameworks and Vue.js with a set of scripts. Basically a <code>vue-cli</code> wrapper.</li> <li>generator-vue-plugin - Yeoman generator generating vue plugin.</li> <li>vue-seed - vue-seed is minimal seed for those looking to get up-and-running with Vue</li> <li>nuxt-seed - nuxt-seed is minimal seed for those looking to get up-and-running with Vue and Nuxt</li> <li>rails_vue_melt - Rails view with webpack=vue optimizer.</li> <li>vue-starter - A Vue.js starter kit that lets you focus on more programming and less configuration.</li> <li>vue-standalone-component - A standalone component generator with documentation support using jsdoc and vue-styleguidist</li> <li>vuejs-wordpress-theme-starter - A WordPress theme with the guts ripped out and replaced with Vue</li> <li>Cordovue - A sample Apache Cordova application using Vue.</li> <li>Cookiecutter-Django-Vue - Django+VueJS+Docker customizable project generator with a large number of settings/integrations by @vchaptsev</li> <li><strong>iBiu</strong> A visual CLI for scaffolding large Vue projects in 2 seconds.</li> <li>wp-vue - A simple Vue blog template that displays posts from a WordPress REST API endpoint.</li> <li>vue-cli-template-nativescript - Template for starting new nativescript+vue projects with rollup+babel+eslint</li> <li>vue-element-ui-scaffold - Online and visual Vue 2 with Element-UI CRUD scaffold/generator.</li> <li>vue-firebase-element-ui-scaffold - Online and visual Vue 2, Element-UI and Firebase scaffold/generator with CRUDs, authentication, file/image upload, activity log and more.</li> <li>vue-starter - an enterprise ready boilerplate for isomorphic, progressive web apps with Vue.JS</li> <li>vue-vuex-typescript-webpack-seed - A seed project with Vue, Vuex, Typescript, Scss & Webpack with hot reloading</li> <li>VueCharged Template - A highly opinionated, feature-first Vue 2 template with CLI scaffolding. Uses Vue 2, Vuex, Vue Router and Vue I18n.</li> <li>Huncwot - Vue.js boilerplate with Node.js for building modern JavaScript applications with « batteries included » approach.</li> <li>wemake-vue-template - Bleeding edge vue template focused on code quality and developer happiness. Featuring: nuxt, flow, and jest.</li> <li>vue-lib-template - ? A simple template for building and publishing Vue component/library as a opensource.</li> </ul> <h3> </h3> <h3>Client</h3> <p><em>Render Vue application in the browser only</em></p> <ul> <li>Vue Plugin Boilerplate - Boilerplate for Vue.js plugin.</li> <li>Bourgeon - Bourgeon is an opinionated-featured VueJS 2.0 setup for Webpack.</li> <li>VuePack - A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron).</li> <li>Vue Settler - An opinionated Vue 2.0 SPA Starter.</li> <li>vue-build - Ultra Simple, Development, Testing and Production Build Cli.</li> <li>Vue Element Starter - Robust Vue 2 starter with Element-UI.</li> <li>vue-multiple-pages - A modern Vue.js multiple pages starter which uses Vue 2, Webpack2, and Element-UI</li> <li>vue-typescript-boilerplate - A Vue.js typescript SPA starter with Vue 2, Vue Typed, Vuex, Vue Router and localization</li> <li>vue-tachyons-template - A Vue 2 project starter template w/ Tachyons, Webpack, and ESLint</li> <li>Vuets - A Vue, TypeScript ready boilerplate using class-style components, vue plugin options, webpack & vue-cli.</li> <li>MMF-FE/vue-typescript - A vue2.x typescript template.</li> <li>Friendly Vue Starter - A full featured Vue.js starter project with GraphQL support via Apollo-client (Vuex, Vue-router, Vue-i18n, Webpack 3, Eslint, Prettier, ...)</li> <li>vue-webpack-typescript - A Vue 2.2 Webpack 2 and Typescript 2 setup with hot reload, unit testing, code coverage, sass and bundling/minification.</li> <li>vue-ts-amd - A full-featured Vue.js 2 boilerplate using AMD pattern (RequireJS) and Typescript.</li> <li><strong>vue-2-boilerplate</strong> - Vue 2 boilerplate for developing medium to large single page applications by petervmeijgaard</li> <li>layout - A full-featured Webpack + Vue Extend layout</li> <li>layout-simple - A simple Webpack + Vue Extend layout</li> <li>vue-cli-template-library - Template for developing open-source vue.js libraries with Rollup + Jest + Babel + Storybook + TravisCI + SemanticRelease.</li> <li>vue-cli-template-github-pages - A full-featured Webpack + vue-loader setup for Github Pages Deployment with travisCI.</li> <li>vue-webpack-chrome-extension-template - Template for quick creation of Chrome extension on Vuejs hot reloading when developing.</li> <li>buildless-vue - Quickly use Vue without a build step.</li> <li>vue-component-template - Webpack setup for building & publishing a Vue component/library (with docs/demo site).</li> </ul> <h3> </h3> <h3>Universal</h3> <p><em>Render Vue application to HTML on the server and to the DOM in the browser</em></p> <ul> <li>SPA Starter Kit - A highly opinionated starter kit for building Single Page Applications with Laravel and Vue.js.</li> <li>SSR Boilerplate - Vue.js Server Side Rendering Boilerplate without Polluting Vuex.</li> <li>neutrino-preset-vue-static - A minimalistic starter kit for building static sites using Vue.js.</li> <li>Vueniverse - A fully featured, universal Vue template for user-based applications, powered by Nuxt.js and Express.</li> <li>vue-preload - A plugin Vue for adding <code><link rel="preload"</code> capabilities</li> </ul> <h3> </h3> <h3>Server</h3> <p><em>Includes a backend boilerplate</em></p> <ul> <li>Vuetober - Single page apps with Laravel, Vue.js, and October CMS.</li> <li>Toucan - Boilerplate for building single page apps. Server is multi-project .Net Core solution designed around SOLID principles. Client is TypeScript 2, Vuejs 2, Vuex 2.</li> <li>vue-server-demo - Writing koa server in Vue.</li> <li>vue-apollo-connector-kit - JWT authentication with 2 different strategies (localStorage and httpOnly cookies). Authorization using custom directives (apollo).</li> <li>DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server side data access.</li> </ul> <h3> </h3> <h3>Electron</h3> <ul> <li>Electron Vue - An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.</li> <li>VuePack - A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron).</li> <li>vue-flexible-link - Tiny Vue component for Electron to open links in a browser. Ideal for cross environment apps (Web & Native)</li> <li>vuelectron - electronjs starter kits for vue.</li> <li>vue-design - the best website visualization builder with Vue and Electron.</li> <li>vue-cli-plugin-electron-builder - A Vue Cli 3 plugin for Electron with no required configuration that uses Electron Builder and Electron Webpack.</li> <li>dapp - Boilerplate for stack of Vue/Parcel/Electron.</li> <li>vue-electron-template - An Electron & Vue.js boilerplate with Hot-reloading enabled and common Vue plugins, dev and build scripts configured using webpack-4</li> </ul> <h3> </h3> <h3>Parts</h3> <p><em>Scaffold parts of the app</em></p> <ul> <li>vue-generator - A CLI generator for Vue components, views and store modules.</li> <li>vue-component-generator - A generator for vue component, supports Vue1.X and Vue2.X.</li> <li>rapydml_cmp - Vue-component pythonic generator, built on top of RapydML & RapydScript.</li> <li>vue-authoring-template - Template for authoring also publishing Vue component and their use case in story-scenario (storybook) format in easy way.</li> <li>vue-component-boilerplate - Template for generating the boilerplate code for a VueJS components, with build scripts and testing pre-installed.</li> <li>vue-generate-component-typescript - A typescript code generator for vue, it can generate components, directives, filters.</li> </ul> <h2> </h2> <h2>Runtime</h2> <h3> </h3> <h3>Command Line / Terminal</h3> <ul> <li>blessed-vue - A VueJS runtime to let you write command line UI in Vue Edit</li> </ul> <h2> </h2> <h2>Prerendering</h2> <ul> <li>react-snap - A zero-configuration static pre-renderer for SPA</li> <li>prerender-plugin - A Node.js/ webpack plugin to prerender static HTML in a single-page application (SPA).</li> <li>vue-prerender - A Vue.js tailored plugin which implements three strategies for prerendering Vue.js pages using headless chrome.</li> </ul> </div> <p>转载于:https://www.cnblogs.com/adhehe/p/10101212.html</p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1282387050938515456"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(vue插件集合)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1950218819616174080.htm" title="基于redis的Zset实现作者的轻量级排名" target="_blank">基于redis的Zset实现作者的轻量级排名</a> <span class="text-muted">周童學</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a> <div>基于redis的Zset实现轻量级作者排名系统在今天的技术架构中,Redis是一种广泛使用的内存数据存储系统,尤其在需要高效检索和排序的场景中表现优异。在本篇博客中,我们将深入探讨如何使用Redis的有序集合(ZSet)构建一个高效的笔记排行榜系统,并提供相关代码示例和详细的解析。1.功能背景与需求假设我们有一个笔记分享平台,用户可以发布各种笔记,系统需要根据用户发布的笔记数量来生成一个实时更新的</div> </li> <li><a href="/article/1950206564673581056.htm" title="绕口令集合(每日练习)" target="_blank">绕口令集合(每日练习)</a> <span class="text-muted">蓉女侠</span> <div>八百标兵奔北坡,炮兵并排北边跑,炮兵怕把标兵碰,标兵怕碰炮兵炮。炮兵攻打八面坡,排排炮弹齐发射。步兵攻打八面坡,歼敌八千八百八十多。调到敌岛打特盗,特盗太刁投短刀,挡推顶打短刀掉,踏盗得刀盗打倒。哥挎瓜筐过宽沟,赶快过沟看怪狗,光看怪狗瓜筐扣,瓜滚筐空哥怪狗。一位爷爷他姓顾,上街打醋又买布。买了布,打了醋,回头看见鹰抓兔。放下布,搁下醋,上前去追鹰和兔。飞了鹰,跑了兔,打翻醋,醋湿布。牛郎恋刘娘,</div> </li> <li><a href="/article/1950198522972270592.htm" title="Java8 Stream流的sorted()的排序【正序、倒序、多字段排序】" target="_blank">Java8 Stream流的sorted()的排序【正序、倒序、多字段排序】</a> <span class="text-muted">Tony666688888</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>针对集合排序,java8可以用Stream流的sorted()进行排序。示例Bean以下我们会使用这个Bean来做示例。publicclassOrder{privateStringweight;privateDoubleprice;privateStringdateStr;//忽略getter、setter、构造方法、toString}字段排序首先是比较器Comparator,形式如下:Compa</div> </li> <li><a href="/article/1950192217708621824.htm" title="lesson20:Python函数的标注" target="_blank">lesson20:Python函数的标注</a> <span class="text-muted">你的电影很有趣</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>目录引言:为什么函数标注是现代Python开发的必备技能一、函数标注的基础语法1.1参数与返回值标注1.2支持的标注类型1.3Python3.9+的重大改进:标准集合泛型二、高级标注技巧与最佳实践2.1复杂参数结构标注2.2函数类型与回调标注2.3变量注解与类型别名三、静态类型检查工具应用3.1mypy:最流行的类型检查器3.2Pyright与IDE集成3.3运行时类型验证四、函数标注的工程价值与</div> </li> <li><a href="/article/1950179614320029696.htm" title="python学习笔记(汇总)" target="_blank">python学习笔记(汇总)</a> <span class="text-muted">朕的剑还未配妥</span> <a class="tag" taget="_blank" href="/search/python%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%E6%95%B4%E7%90%86/1.htm">python学习笔记整理</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>文章目录一.基础知识二.python中的数据类型三.运算符四.程序的控制结构五.列表六.字典七.元组八.集合九.字符串十.函数十一.解决bug一.基础知识print函数字符串要加引号,数字可不加引号,如print(123.4)print('小谢')print("洛天依")还可输入表达式,如print(1+3)如果使用三引号,print打印的内容可不在同一行print("line1line2line</div> </li> <li><a href="/article/1950175197923438592.htm" title="C语言结构体详解" target="_blank">C语言结构体详解</a> <span class="text-muted">初学者,亦行者</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80%E5%AD%A6%E4%B9%A0/1.htm">C语言学习</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a> <div>目录C语言结构体1、声明结构体类型2、定义结构体变量3、成员的赋值与引用4、结构体数组5、结构体指针6、总结C语言结构体1、声明结构体类型前面学习了数组是一组相同类型数据的集合。但在实际应用中,我们往往会遇到不同类型的数据。而结构体就是用来存放不同数据的。#includeintmain(){structStu{intnum;//学号为整型charname[20];//姓名为字符串charsex;/</div> </li> <li><a href="/article/1950168010954174464.htm" title="C# 探秘:枚举器(IEnumerator)与可枚举类型(IEnumerable) - 揭秘 foreach 的幕后英雄" target="_blank">C# 探秘:枚举器(IEnumerator)与可枚举类型(IEnumerable) - 揭秘 foreach 的幕后英雄</a> <span class="text-muted">钢铁男儿</span> <a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E8%A7%A3%E6%95%99%E7%A8%8B/1.htm">图解教程</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>在C#开发中,foreach循环是我们遍历集合(如数组、列表)的得力助手。它简洁优雅地为我们取出集合中的每一个元素。但你是否思考过,foreach是如何知道如何遍历这些集合的?其背后的核心机制就是枚举器(Enumerator)和可枚举类型(Enumerable)。本文将深入探讨这两个接口(IEnumerator和IEnumerable),揭开foreach循环的神秘面纱。foreach的魔法背后让</div> </li> <li><a href="/article/1950166876634017792.htm" title="如何在 Ubuntu 24.04 或 22.04 Linux 上安装和运行 Redis 服务器" target="_blank">如何在 Ubuntu 24.04 或 22.04 Linux 上安装和运行 Redis 服务器</a> <span class="text-muted">山岚的运维笔记</span> <a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4%E5%8F%8A%E4%BD%BF%E7%94%A8/1.htm">运维及使用</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>Redis(RemoteDictionaryServer,远程字典服务器)是一种内存数据结构存储,通常用作NoSQL数据库、缓存和消息代理。它是开源的,因此用户可以免费安装,无需支付任何费用。Redis旨在为需要快速数据访问和低延迟的应用程序提供速度和效率。Redis支持多种数据类型,包括字符串(Strings)、列表(Lists)、集合(Sets)、哈希(Hashes)、有序集合(SortedS</div> </li> <li><a href="/article/1950160764018946048.htm" title="美物清单返现是真的吗?美物清单省钱赚钱方法介绍" target="_blank">美物清单返现是真的吗?美物清单省钱赚钱方法介绍</a> <span class="text-muted">氧惠帮朋友一起省</span> <div>美物清单app相信大家都很熟悉,是目前国内专业的网购比价中立平台,集合了国内所有主流网购商城。当今,互联网飞速发展的时代,网购已经成为人们日常生活中不可或缺的一部分。但如何买到更加实惠、更加安全可靠的网购商品,是大家一直关注的问题。加入美物清单的目的是为了给网友们提供最及时、最准确、最安全可靠的网购商品比价信息。生活节奏飞快的当代,人们没有那么多的精力去一直关注各个商城的商品价格变化,而美物清单可</div> </li> <li><a href="/article/1950158085171507200.htm" title="项目:事半功倍的法宝" target="_blank">项目:事半功倍的法宝</a> <span class="text-muted">佳妈在人间</span> <div>之前,我们都在讲如何解决一件小事儿,对于长期的、复杂的、重大的事情,我们就需要在项目的维度统筹管理。一、项目的定义项目是一组为了实现同一个目的的行动。短期完不成,需要用一段时间,需要很多个步骤才能完成的事。这些事情不简单,不像是一个步骤就能完成单一日历和清单事件,但它们又是非常重要的。项目是基于一个特定的成果产生的一系列日程与清单事件,匹配相关资源比如金钱、人员的集合。二、易效能项目PAS法则易效</div> </li> <li><a href="/article/1950153511538847744.htm" title="Java集合遍历的几种方式" target="_blank">Java集合遍历的几种方式</a> <span class="text-muted">Warren98</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E7%A1%AC%E4%BB%B6%E5%B7%A5%E7%A8%8B/1.htm">硬件工程</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>迭代器不依赖索引遍历完毕后,指针不会复位.遍历时,不能使用集合的方法进行增加或删除.只能使用一次next()方法.主要方法publicinterfaceIterator{Iteratoriterator();//返回迭代器对象,默认指向当前集合的0索引booleanhasNext();//用于判断集合中是否还有下一个元素,有的话返回trueEnext();//返回迭代器的下一个元素,并将迭代器的指</div> </li> <li><a href="/article/1950151117719531520.htm" title="数据结构2-集合类ArrayList与洗牌算法" target="_blank">数据结构2-集合类ArrayList与洗牌算法</a> <span class="text-muted"></span> <div>文章目录★引言:一.MyArrayList模拟实现(一)IList(二)MyArrayList(1)add(Tdata)(2)add(intpos,Tdata)(3)IllgalPosException(4)indexOf(ObjecttoFind)(5)contains(ObjecttoFind)(6)get(intpos)(7)set(intpos,Tvalue)(8)remove(Objec</div> </li> <li><a href="/article/1950146206252462080.htm" title="OnJava8-学习分享(附资源)" target="_blank">OnJava8-学习分享(附资源)</a> <span class="text-muted">李超同学</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E4%B9%A6%E7%B1%8D/1.htm">书籍</a><a class="tag" taget="_blank" href="/search/onjava8/1.htm">onjava8</a> <div>本书是布鲁斯•埃克尔时隔15年,继ThinkinginJava之后又一力作,基于Java的3个长期支持版(Java8、11、17),讲解Java核心语法,并对Java的核心变化进行详述。全书内容通俗易懂,配合示例讲解逐步深入,并结合实际开发需要,从语言底层设计出发,有效帮读者规避一些常见的开发陷阱。主体部分共22章,内容包含对象、操作符、控制流、初始化和清理、复用、多态、接口、内部类、集合、函数式</div> </li> <li><a href="/article/1950137471434027008.htm" title="隔离第14天:我今天当了一次“大白”" target="_blank">隔离第14天:我今天当了一次“大白”</a> <span class="text-muted">我的腰椎间盘突出治疗笔记</span> <div>此大白非彼大白一、每日思考昨天晚上接到通知,今天又要全量做核酸,这是第五次做了。社区招募志愿者,我毅然报了名。第一次做核酸的时候,我就想报名,当时小区刚隔离,大家都惶惶不安,各种组织也是比较混乱,事情安排也比较着急,就没有成行。第二至四次,因为孩子学校有阳性,要求居家隔离,没法做志愿者。这一次,可以下楼,并且是周六,可以说是天时地利与人和均具备,所以,愉快成行。早上6:20集合,7:20开始检测核</div> </li> <li><a href="/article/1950134096558616576.htm" title="Python STL概念学习与代码实践" target="_blank">Python STL概念学习与代码实践</a> <span class="text-muted">体制教科书</span> <div>本文还有配套的精品资源,点击获取简介:通过”py_stl_learning”项目,学习者可以使用Python实现和理解C++STL的概念,包括数据结构、算法、容器适配器、模板和泛型容器等。Python中的列表、集合、字典等数据结构与STL中的vector、set、map等类似,而Python的itertools和functools模块提供了STL风格的算法功能。Python通过其面向对象的特性以及</div> </li> <li><a href="/article/1950124727003574272.htm" title="微信红包封面序列号520大全免费(附99个亲测可用的序列号及获取)2024序列号分享大全" target="_blank">微信红包封面序列号520大全免费(附99个亲测可用的序列号及获取)2024序列号分享大全</a> <span class="text-muted">e95cfad15310</span> <div>微信红包作为一种时尚、便捷的送礼方式,深受广大用户的喜爱。微信红包封面序列号520大全免费,只需要关注《天真妹集合》微信公众号就能获取微信红包序列号啦!而红包封面作为增添红包趣味性和个性化的重要元素,更是备受关注。其中,序列号520的红包封面因其寓意深刻(“520”在中文网络用语中常代表“我爱你”),成为了许多人争相抢购的热门选择。本文将为大家分享99个亲测可用的微信红包封面序列号520,并附上获</div> </li> <li><a href="/article/1950099173521027072.htm" title="Ubuntu lamp" target="_blank">Ubuntu lamp</a> <span class="text-muted">会飞的灰大狼</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a> <div>Ubuntulamp前言在Ubuntu安装lamp架构我们了解到lamp是完整的架构我们前面了解到了集合了Linux系统apacheMySQL和PHP语言的完整架构我们前面说了Centos7中编译安装lamp那么我们去说一下在Ubuntu中安装‍‍安装apache2‍apt直接安装apache2apt-yinstallapache2‍启动apache2systemctlstartapache2#测</div> </li> <li><a href="/article/1950062622913130496.htm" title="个人笔记集合框架" target="_blank">个人笔记集合框架</a> <span class="text-muted">清秀咸鱼</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>集合框架集合概念:对象的容器,定义了对多个对象进行操作的常用方法。可实现数组的功能。和数组区别:(1)数组长度固定,集合长度不固定(2)数组可以存储基本类型和引用类型,集合只能存储引用类型位置:java.util.*;Collection根接口,父接口特点:代表一组任意类型的对象,无序、无下标、不能重复。booleanadd(0bjectobj)//添加一个对象。booleanaddAll(Col</div> </li> <li><a href="/article/1950060845677473792.htm" title="关于leetcode第56题合并重复区间的解析" target="_blank">关于leetcode第56题合并重复区间的解析</a> <span class="text-muted">冬天里的懒喵</span> <div>[toc]1.题目描述给出一个区间的集合,请合并所有重叠的区间。示例1:输入:[[1,3],[2,6],[8,10],[15,18]]输出:[[1,6],[8,10],[15,18]]解释:区间[1,3]和[2,6]重叠,将它们合并为[1,6].示例2:输入:[[1,4],[4,5]]输出:[[1,5]]解释:区间[1,4]和[4,5]可被视为重叠区间。https://leetcode-cn.co</div> </li> <li><a href="/article/1950059849949704192.htm" title="Halcon试用与许可指南:2022年7月版" target="_blank">Halcon试用与许可指南:2022年7月版</a> <span class="text-muted">我就是夏迎春</span> <div>本文还有配套的精品资源,点击获取简介:本文件提供了Halcon软件的试用证书和许可证相关资料的集合,为潜在用户提供免费体验Halcon各项功能的途径,包括图像处理、形状匹配、OCR和条形码读取等。用户可以通过试用版全面了解软件功能,评估是否符合项目需求,并指导如何正确管理和优化许可证使用,以符合预算和需求。1.Halcon软件概述在当今高度自动化的工业时代,机器视觉系统发挥着至关重要的作用。Hal</div> </li> <li><a href="/article/1950058336204419072.htm" title="【Java】基于ArrayList手写HashMap集合" target="_blank">【Java】基于ArrayList手写HashMap集合</a> <span class="text-muted">即使再小的️帆也能远航</span> <a class="tag" taget="_blank" href="/search/%E9%9B%86%E5%90%88/1.htm">集合</a><a class="tag" taget="_blank" href="/search/HashMap/1.htm">HashMap</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E5%90%88/1.htm">集合</a><a class="tag" taget="_blank" href="/search/HashMap/1.htm">HashMap</a><a class="tag" taget="_blank" href="/search/%E6%89%8B%E5%86%99HashMap/1.htm">手写HashMap</a> <div>HashMap底层不是基于ArrayList实现的,而是基于HashCode值计算的,基于ArrayList查询效率非常低,时间复杂度O(n)虽然可以保证存放键值对的有序性但是并不可取示例代码packagecom.collection.Demo10;importjava.util.ArrayList;/***基于ArrayList手写HashMap集合*手写简易版本的HashMap,不推荐这样使用</div> </li> <li><a href="/article/1950045052604575744.htm" title="医生招聘平台有哪些?当下具高热度的8家网站" target="_blank">医生招聘平台有哪些?当下具高热度的8家网站</a> <span class="text-muted">配音就业圈</span> <div>医疗招聘平台大集合!找医生工作的网站这么多,哪些最受欢迎、岗位最多、最靠谱呢?兼职副业推荐公众号,配音新手圈,声优配音圈,新配音兼职圈,配音就业圈,鼎音副业,有声新手圈,每天更新各种远程工作与在线兼职,职位包括:写手、程序开发、剪辑、设计、翻译、配音、无门槛、插画、翻译、等等。。。每日更新兼职。为了帮助大家找到心仪的医疗职位,我们精选了当下最新、最热、最活跃、最受欢迎的医疗招聘网站,保证好用,快来</div> </li> <li><a href="/article/1950031607243010048.htm" title="数据结构核心知识总结:从基础到应用" target="_blank">数据结构核心知识总结:从基础到应用</a> <span class="text-muted">算法练习生</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95/1.htm">排序算法</a> <div>数据结构核心知识总结:从基础到应用数据结构是计算机科学中组织和存储数据的核心方式,直接影响程序的性能和资源利用率。本文系统梳理常见数据结构及其应用场景,帮助读者构建清晰的知识体系。一、数据结构基础概念数据结构是数据元素之间逻辑关系的抽象表示,包含以下三要素:逻辑结构:数据元素间的抽象关系(集合/线性/树形/图状)存储结构:数据在内存中的物理存储方式(顺序/链式)操作集合:增删改查等基本操作二、常见</div> </li> <li><a href="/article/1950018741098049536.htm" title="【技术精进】Java集合框架:从入门到精通的思考之路" target="_blank">【技术精进】Java集合框架:从入门到精通的思考之路</a> <span class="text-muted">果冻kk</span> <a class="tag" taget="_blank" href="/search/java%E5%9F%BA%E7%A1%80/1.htm">java基础</a><a class="tag" taget="_blank" href="/search/Java%E9%9B%86%E5%90%88/1.htm">Java集合</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Java集合框架学习指南:一份完整的知识地图️前言JAVA集合,是每个Java开发者的必备武器。工作中的程序员都在使用它,因为它是数据处理中不可或缺的工具。说到如何优雅地使用、如何实现高性能、如何确保线程安全,相信大家都有自己的心得,毕竟实战中遇到的问题和解决方案都是最好的老师。但要说到底层实现原理、设计思想,可能就只有部分开发者有深入研究了。本文旨在帮助新手构建知识体系,也为老手提供系统复习的参</div> </li> <li><a href="/article/1950005630261587968.htm" title="【JSON】Json与Java对象的互相转化" target="_blank">【JSON】Json与Java对象的互相转化</a> <span class="text-muted">林雨涵</span> <a class="tag" taget="_blank" href="/search/Java%E5%9F%BA%E7%A1%80/1.htm">Java基础</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>目录一、常用方法1.导入依赖2.常用的方法1.Java字符串的转化Java字符串->Json数组Json字符串->Json对象Java字符串->Java对象Java字符串->Java对象集合2.Java对象的转化Java对象->Java字符串(Json样式)Java对象->Json对象3.Json对象的转化Json对象->Java字符串Json对象->Java对象二、实战一、常用方法官方文档:ht</div> </li> <li><a href="/article/1949999252713304064.htm" title="007 LazyPrim 算法求最小生成树" target="_blank">007 LazyPrim 算法求最小生成树</a> <span class="text-muted">乌鲁木齐001号程序员</span> <div>在文件中存储的带权无向图81645.3547.3757.2807.1615.3204.3823.1717.1902.2612.3613.2927.3462.4036.5260.5864.93LazyPrim的实现-O(ElogE)从第一个节点开始做一个切分,将该点的所有临边都维护进横切边集合pq中;从横切边集合pq中取出权最小的边e,确保e两头的端点不在切分的同一边;将这条权最小的边e纳入正在生成</div> </li> <li><a href="/article/1949996923121364992.htm" title="【Linux】多线程:线程池的创建、日志类、RAII互斥锁、单例模式:饿汉方式与懒汉方式" target="_blank">【Linux】多线程:线程池的创建、日志类、RAII互斥锁、单例模式:饿汉方式与懒汉方式</a> <span class="text-muted">小白也有开发梦</span> <a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a><a class="tag" taget="_blank" href="/search/%E6%97%A5%E5%BF%97/1.htm">日志</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B%E6%B1%A0/1.htm">线程池</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a> <div>目录一、线程池概念二、线程的封装及线程池类成员变量的介绍三、单例模式饿汉方式(EagerInitialization)懒汉方式(LazyInitialization)四、RAII类型的互斥锁五、日志类的实现六、简单的任务类创建七、线程池的创建一、线程池概念线程池(ThreadPool)是一种基于池化技术的线程使用模式,它创建了一个线程的集合,这些线程可以被多个任务重复使用。线程池的主要目的是减少在</div> </li> <li><a href="/article/1949993395036418048.htm" title="python中的解包操作" target="_blank">python中的解包操作</a> <span class="text-muted">Stronger划水高手</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a> <div>在Python中,解包(unpacking)是一种将可迭代对象(如列表、元组、集合等)中的元素分解为单独变量的技巧。这个功能在多个场景下都非常有用,比如函数参数传递、迭代循环等。以下是一些常见的解包用法:1.元组解包如果你有一个元组,你可以将其元素解包到多个变量中:a,b,c=(1,2,3)print(a)#输出:1print(b)#输出:2print(c)#输出:32.列表解包同样的方法也适用于</div> </li> <li><a href="/article/1949987345340100608.htm" title="Python中的解包" target="_blank">Python中的解包</a> <span class="text-muted">_nephrologist_</span> <a class="tag" taget="_blank" href="/search/Python%E5%9F%BA%E7%A1%80/1.htm">Python基础</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>解包(unpacking)是指将一个容器(如列表、元组、字典、集合等)中的元素分别赋值给多个变量的过程。1、列表解包:list=[1,2,3]a,b,c=listprint(a,b,c)#输出:123list=[1,2,[3,4,5]]a,b,c=listprint(a,b,c)#输出:12[3,4,5]2、元组解包:tuple=(1,2,3)a,b,c=tuple#等号左边的变量个数必须等于元组</div> </li> <li><a href="/article/1949985075873509376.htm" title="C#的lambda表达式与Linq" target="_blank">C#的lambda表达式与Linq</a> <span class="text-muted">hccee</span> <a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/linq/1.htm">linq</a> <div>C#的lambda表达式、Linq、以及常用方法Lambda:简单来讲就是匿名函数,我们不声明方法名,只写一个方法体,这个方法体就是lambda表达式Linq:Linq是LanguageIntergratedQuery(语言集成查询)的缩写,可以对本地对象**集合**或者远程数据源进行结构化的查询操作。lambda表达式如何写一个lambda表达式首先,在写lambda表达式之前,需要先了解两个特</div> </li> <li><a href="/article/3.htm" title="枚举的构造函数中抛出异常会怎样" target="_blank">枚举的构造函数中抛出异常会怎样</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a> <div>首先从使用enum实现单例说起。 为什么要用enum来实现单例? 这篇文章( http://javarevisited.blogspot.sg/2012/07/why-enum-singleton-are-better-in-java.html)阐述了三个理由: 1.enum单例简单、容易,只需几行代码: public enum Singleton { INSTANCE;</div> </li> <li><a href="/article/130.htm" title="CMake 教程" target="_blank">CMake 教程</a> <span class="text-muted">aigo</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a> <div>转自:http://xiang.lf.blog.163.com/blog/static/127733322201481114456136/   CMake是一个跨平台的程序构建工具,比如起自己编写Makefile方便很多。 介绍:http://baike.baidu.com/view/1126160.htm 本文件不介绍CMake的基本语法,下面是篇不错的入门教程: http:</div> </li> <li><a href="/article/257.htm" title="cvc-complex-type.2.3: Element 'beans' cannot have character" target="_blank">cvc-complex-type.2.3: Element 'beans' cannot have character</a> <span class="text-muted">Cb123456</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Webgis/1.htm">Webgis</a> <div>  cvc-complex-type.2.3: Element 'beans' cannot have character     Line 33 in XML document from ServletContext resource [/WEB-INF/backend-servlet.xml] is i</div> </li> <li><a href="/article/384.htm" title="jquery实例:随页面滚动条滚动而自动加载内容" target="_blank">jquery实例:随页面滚动条滚动而自动加载内容</a> <span class="text-muted">120153216</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a> <div><script language="javascript"> $(function (){ var i = 4;$(window).bind("scroll", function (event){ //滚动条到网页头部的 高度,兼容ie,ff,chrome var top = document.documentElement.s</div> </li> <li><a href="/article/511.htm" title="将数据库中的数据转换成dbs文件" target="_blank">将数据库中的数据转换成dbs文件</a> <span class="text-muted">何必如此</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/dbs/1.htm">dbs</a> <div>旗正规则引擎通过数据库配置器(DataBuilder)来管理数据库,无论是Oracle,还是其他主流的数据都支持,操作方式是一样的。旗正规则引擎的数据库配置器是用于编辑数据库结构信息以及管理数据库表数据,并且可以执行SQL 语句,主要功能如下。 1)数据库生成表结构信息:         主要生成数据库配置文件(.conf文</div> </li> <li><a href="/article/638.htm" title="在IBATIS中配置SQL语句的IN方式" target="_blank">在IBATIS中配置SQL语句的IN方式</a> <span class="text-muted">357029540</span> <a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a> <div>在使用IBATIS进行SQL语句配置查询时,我们一定会遇到通过IN查询的地方,在使用IN查询时我们可以有两种方式进行配置参数:String和List。具体使用方式如下: 1.String:定义一个String的参数userIds,把这个参数传入IBATIS的sql配置文件,sql语句就可以这样写: <select id="getForms" param</div> </li> <li><a href="/article/765.htm" title="Spring3 MVC 笔记(一)" target="_blank">Spring3 MVC 笔记(一)</a> <span class="text-muted">7454103</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/REST/1.htm">REST</a><a class="tag" taget="_blank" href="/search/JSF/1.htm">JSF</a> <div>         自从 MVC 这个概念提出来之后 struts1.X  struts2.X   jsf 。。。。。 这个view 层的技术一个接一个! 都用过!不敢说哪个绝对的强悍! 要看业务,和整体的设计!      最近公司要求开发个新系统!</div> </li> <li><a href="/article/892.htm" title="Timer与Spring Quartz 定时执行程序" target="_blank">Timer与Spring Quartz 定时执行程序</a> <span class="text-muted">darkranger</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/quartz/1.htm">quartz</a> <div>有时候需要定时触发某一项任务。其实在jdk1.3,java sdk就通过java.util.Timer提供相应的功能。一个简单的例子说明如何使用,很简单: 1、第一步,我们需要建立一项任务,我们的任务需要继承java.util.TimerTask package com.test; import java.text.SimpleDateFormat; import java.util.Date; </div> </li> <li><a href="/article/1019.htm" title="大端小端转换,le32_to_cpu 和cpu_to_le32" target="_blank">大端小端转换,le32_to_cpu 和cpu_to_le32</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80%E7%9B%B8%E5%85%B3/1.htm">C语言相关</a> <div>大端小端转换,le32_to_cpu 和cpu_to_le32  字节序 http://oss.org.cn/kernel-book/ldd3/ch11s04.html         小心不要假设字节序. PC 存储多字节值是低字节为先(小端为先, 因此是小端), 一些高级的平台以另一种方式(大端)</div> </li> <li><a href="/article/1146.htm" title="Nginx负载均衡配置实例详解" target="_blank">Nginx负载均衡配置实例详解</a> <span class="text-muted">avords</span> <div>[导读] 负载均衡是我们大流量网站要做的一个东西,下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法,希望对有需要的同学有所帮助哦。负载均衡先来简单了解一下什么是负载均衡,单从字面上的意思来理解就可以解 负载均衡是我们大流量网站要做的一个东西,下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法,希望对有需要的同学有所帮助哦。 负载均衡 先来简单了解一下什么是负载均衡</div> </li> <li><a href="/article/1273.htm" title="乱说的" target="_blank">乱说的</a> <span class="text-muted">houxinyou</span> <a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/%E6%95%8F%E6%8D%B7%E5%BC%80%E5%8F%91/1.htm">敏捷开发</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/1.htm">软件测试</a> <div>从很久以前,大家就研究框架,开发方法,软件工程,好多!反正我是搞不明白! 这两天看好多人研究敏捷模型,瀑布模型!也没太搞明白. 不过感觉和程序开发语言差不多, 瀑布就是顺序,敏捷就是循环. 瀑布就是需求、分析、设计、编码、测试一步一步走下来。而敏捷就是按摸块或者说迭代做个循环,第个循环中也一样是需求、分析、设计、编码、测试一步一步走下来。 也可以把软件开发理</div> </li> <li><a href="/article/1400.htm" title="欣赏的价值——一个小故事" target="_blank">欣赏的价值——一个小故事</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E6%9C%89%E6%95%88%E8%BE%85%E5%AF%BC/1.htm">有效辅导</a><a class="tag" taget="_blank" href="/search/%E6%AC%A3%E8%B5%8F/1.htm">欣赏</a><a class="tag" taget="_blank" href="/search/%E6%AC%A3%E8%B5%8F%E7%9A%84%E4%BB%B7%E5%80%BC/1.htm">欣赏的价值</a> <div>  第一次参加家长会,幼儿园的老师说:"您的儿子有多动症,在板凳上连三分钟都坐不了,你最好带他去医院看一看。"  回家的路上,儿子问她老师都说了些什么,她鼻子一酸,差点流下泪来。因为全班30位小朋友,惟有他表现最差;惟有对他,老师表现出不屑,然而她还在告诉她的儿子:"老师表扬你了,说宝宝原来在板凳上坐不了一分钟,现在能坐三分钟。其他妈妈都非常羡慕妈妈,因为全班只有宝宝</div> </li> <li><a href="/article/1527.htm" title="包冲突问题的解决方法" target="_blank">包冲突问题的解决方法</a> <span class="text-muted">bingyingao</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/exclusions/1.htm">exclusions</a><a class="tag" taget="_blank" href="/search/%E5%8C%85%E5%86%B2%E7%AA%81/1.htm">包冲突</a> <div>包冲突是开发过程中很常见的问题: 其表现有: 1.明明在eclipse中能够索引到某个类,运行时却报出找不到类。 2.明明在eclipse中能够索引到某个类的方法,运行时却报出找不到方法。 3.类及方法都有,以正确编译成了.class文件,在本机跑的好好的,发到测试或者正式环境就 抛如下异常: java.lang.NoClassDefFoundError: Could not in</div> </li> <li><a href="/article/1654.htm" title="【Spark七十五】Spark Streaming整合Flume-NG三之接入log4j" target="_blank">【Spark七十五】Spark Streaming整合Flume-NG三之接入log4j</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Stream/1.htm">Stream</a> <div>先来一段废话: 实际工作中,业务系统的日志基本上是使用Log4j写入到日志文件中的,问题的关键之处在于业务日志的格式混乱,这给对日志文件中的日志进行统计分析带来了极大的困难,或者说,基本上无法进行分析,每个人写日志的习惯不同,导致日志行的格式五花八门,最后只能通过grep来查找特定的关键词缩小范围,但是在集群环境下,每个机器去grep一遍,分析一遍,这个效率如何可想之二,大好光阴都浪费在这上面了</div> </li> <li><a href="/article/1781.htm" title="sudoku solver in Haskell" target="_blank">sudoku solver in Haskell</a> <span class="text-muted">bookjovi</span> <a class="tag" taget="_blank" href="/search/sudoku/1.htm">sudoku</a><a class="tag" taget="_blank" href="/search/haskell/1.htm">haskell</a> <div>这几天没太多的事做,想着用函数式语言来写点实用的程序,像fib和prime之类的就不想提了(就一行代码的事),写什么程序呢?在网上闲逛时发现sudoku游戏,sudoku十几年前就知道了,学生生涯时也想过用C/Java来实现个智能求解,但到最后往往没写成,主要是用C/Java写的话会很麻烦。   现在写程序,本人总是有一种思维惯性,总是想把程序写的更紧凑,更精致,代码行数最少,所以现</div> </li> <li><a href="/article/1908.htm" title="java apache ftpClient" target="_blank">java apache ftpClient</a> <span class="text-muted">bro_feng</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>最近使用apache的ftpclient插件实现ftp下载,遇见几个问题,做如下总结。 1. 上传阻塞,一连串的上传,其中一个就阻塞了,或是用storeFile上传时返回false。查了点资料,说是FTP有主动模式和被动模式。将传出模式修改为被动模式ftp.enterLocalPassiveMode();然后就好了。 看了网上相关介绍,对主动模式和被动模式区别还是比较的模糊,不太了解被动模</div> </li> <li><a href="/article/2035.htm" title="读《研磨设计模式》-代码笔记-工厂方法模式" target="_blank">读《研磨设计模式》-代码笔记-工厂方法模式</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 工厂方法模式:使一个类的实例化延迟到子类 * 某次,我在工作不知不觉中就用到了工厂方法模式(称为模板方法模式更恰当。2012-10-29): * 有很多不同的产品,它</div> </li> <li><a href="/article/2162.htm" title="面试记录语" target="_blank">面试记录语</a> <span class="text-muted">chenyu19891124</span> <a class="tag" taget="_blank" href="/search/%E6%8B%9B%E8%81%98/1.htm">招聘</a> <div>或许真的在一个平台上成长成什么样,都必须靠自己去努力。有了好的平台让自己展示,就该好好努力。今天是自己单独一次去面试别人,感觉有点小紧张,说话有点打结。在面试完后写面试情况表,下笔真的好难,尤其是要对面试人的情况说明真的好难。 今天面试的是自己同事的同事,现在的这个同事要离职了,介绍了我现在这位同事以前的同事来面试。今天这位求职者面试的是配置管理,期初看了简历觉得应该很适合做配置管理,但是今天面</div> </li> <li><a href="/article/2289.htm" title="Fire Workflow 1.0正式版终于发布了" target="_blank">Fire Workflow 1.0正式版终于发布了</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/workflow/1.htm">workflow</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a> <div>Fire Workflow 是国内另外一款开源工作流,作者是著名的非也同志,哈哈.... 官方网站是 http://www.fireflow.org 经过大家努力,Fire Workflow 1.0正式版终于发布了 正式版主要变化: 1、增加IWorkItem.jumpToEx(...)方法,取消了当前环节和目标环节必须在同一条执行线的限制,使得自由流更加自由 2、增加IT</div> </li> <li><a href="/article/2416.htm" title="Python向脚本传参" target="_blank">Python向脚本传参</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a><a class="tag" taget="_blank" href="/search/%E4%BC%A0%E5%8F%82/1.htm">传参</a> <div>如果想对python脚本传参数,python中对应的argc, argv(c语言的命令行参数)是什么呢? 需要模块:sys 参数个数:len(sys.argv) 脚本名:    sys.argv[0] 参数1:     sys.argv[1] 参数2:     sys.argv[</div> </li> <li><a href="/article/2543.htm" title="管理用户分组的命令gpasswd" target="_blank">管理用户分组的命令gpasswd</a> <span class="text-muted">dongwei_6688</span> <a class="tag" taget="_blank" href="/search/passwd/1.htm">passwd</a> <div>NAME: gpasswd - administer the /etc/group file SYNOPSIS: gpasswd group gpasswd -a user group gpasswd -d user group gpasswd -R group gpasswd -r group gpasswd [-A user,...] [-M user,...] g</div> </li> <li><a href="/article/2670.htm" title="郝斌老师数据结构课程笔记" target="_blank">郝斌老师数据结构课程笔记</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E4%B8%8E%E7%AE%97%E6%B3%95/1.htm">数据结构与算法</a> <div><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<</div> </li> <li><a href="/article/2797.htm" title="yii2 cgridview加上选择框进行操作" target="_blank">yii2 cgridview加上选择框进行操作</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/GridView/1.htm">GridView</a> <div>页面代码 <?=Html::beginForm(['controller/bulk'],'post');?> <?=Html::dropDownList('action','',[''=>'Mark selected as: ','c'=>'Confirmed','nc'=>'No Confirmed'],['class'=>'dropdown',])</div> </li> <li><a href="/article/2924.htm" title="linux mysql" target="_blank">linux mysql</a> <span class="text-muted">fypop</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>enquiry mysql version in centos linux yum list installed | grep mysql yum -y remove mysql-libs.x86_64 enquiry mysql version in yum repositoryyum list | grep mysql oryum -y list mysql* install mysq</div> </li> <li><a href="/article/3051.htm" title="Scramble String" target="_blank">Scramble String</a> <span class="text-muted">hcx2013</span> <a class="tag" taget="_blank" href="/search/String/1.htm">String</a> <div>Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrings recursively. Below is one possible representation of s1 = "great":</div> </li> <li><a href="/article/3178.htm" title="跟我学Shiro目录贴" target="_blank">跟我学Shiro目录贴</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/%E8%B7%9F%E6%88%91%E5%AD%A6shiro/1.htm">跟我学shiro</a> <div>历经三个月左右时间,《跟我学Shiro》系列教程已经完结,暂时没有需要补充的内容,因此生成PDF版供大家下载。最近项目比较紧,没有时间解答一些疑问,暂时无法回复一些问题,很抱歉,不过可以加群(334194438/348194195)一起讨论问题。     ----广告-----------------------------------------------------</div> </li> <li><a href="/article/3305.htm" title="nginx日志切割并使用flume-ng收集日志" target="_blank">nginx日志切割并使用flume-ng收集日志</a> <span class="text-muted">liyonghui160com</span> <div>     nginx的日志文件没有rotate功能。如果你不处理,日志文件将变得越来越大,还好我们可以写一个nginx日志切割脚本来自动切割日志文件。第一步就是重命名日志文件,不用担心重命名后nginx找不到日志文件而丢失日志。在你未重新打开原名字的日志文件前,nginx还是会向你重命名的文件写日志,linux是靠文件描述符而不是文件名定位文件。第二步向nginx主</div> </li> <li><a href="/article/3432.htm" title="Oracle死锁解决方法" target="_blank">Oracle死锁解决方法</a> <span class="text-muted">pda158</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div> select p.spid,c.object_name,b.session_id,b.oracle_username,b.os_user_name from v$process p,v$session a, v$locked_object b,all_objects c where p.addr=a.paddr and a.process=b.process and c.object_id=b.</div> </li> <li><a href="/article/3559.htm" title="java之List排序" target="_blank">java之List排序</a> <span class="text-muted">shiguanghui</span> <a class="tag" taget="_blank" href="/search/list%E6%8E%92%E5%BA%8F/1.htm">list排序</a> <div>   在Java Collection Framework中定义的List实现有Vector,ArrayList和LinkedList。这些集合提供了对对象组的索引访问。他们提供了元素的添加与删除支持。然而,它们并没有内置的元素排序支持。   你能够使用java.util.Collections类中的sort()方法对List元素进行排序。你既可以给方法传递</div> </li> <li><a href="/article/3686.htm" title="servlet单例多线程" target="_blank">servlet单例多线程</a> <span class="text-muted">utopialxw</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>转自http://www.cnblogs.com/yjhrem/articles/3160864.html 和   http://blog.chinaunix.net/uid-7374279-id-3687149.html Servlet 单例多线程 Servlet如何处理多个请求访问?Servlet容器默认是采用单实例多线程的方式处理多个请求的:1.当web服务器启动的</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>