精华
vue生态大指南
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
Awesome Vue.js
- Official Resources
- External Resources
- Community
- Podcasts
- Official Examples
- Tutorials
- Development Tools
- Syntax Highlighting
- Snippets
- Autocomplete
- Component Collections
- Libraries & Plugins
- Projects Using Vue.js
Official Resources
External Resources
- Vue.js資料まとめ(for japanese) by @hashrock
- Vue.js Newsletter - Weekly dose of handpicked Vue.js news
Job Portal
- Vue.js Jobs - VueJobs - A Vue.js job portal to hire or get hired for all your Vue.js jobs.
Community
- Gitter Chat Room
- Official Forum
- vue-requests ★27 - Request a Vue.js module you wish existed or get ideas for modules
Podcasts
- Full Stack Radio #30 (11-23-2015)
- JavaScript Jabber #187 (11-25-2015)
- Changelog #184 (11-27-2015)
- Software Engineering Daily (12-29-2015)
- Javascript Air 016 (03-30-2016)
- Codecasts #2 - Falando Sobre Vuejs e Web Components (2016-08-19) [pt-BR]
- Full Stack Radio #50 (09-21-2016)
- 和 Vue.js 框架的作者聊聊前端框架开发背后的故事 [zh-CN]
Official Examples
Tutorials
- Vue.js screencasts on Laracasts
- What’s New in Vue.js 1.0 on Sitepoint
- Build an App with Vue.js: From Authentication to Calling an API on Auth0 blog
- Create a GitHub File Explorer Using Vue.js on Scotch.io
- Vue.js Tutorial on Vegibit
- Vue.js build set-up from scratch with webpack, vue-loader and hot reload
- Vuex basics: Tutorial and explanation
- Vuex introduction video - James Browne from London Vue.js Meetup #1
- Vue.js 中文系列视频教程 on Laravist
- Vue.js: The Basics on Coligo.io
- VueJs: Components on Coligo.io
- Dynamic Components in Vue.js on Coligo.io
- Develop a Reactive Invoice App using Vue.js on craigmckenna.com
- Understanding Filters in Vue.js on Coligo.io
- Hybrid App Example with Laravel and Vue.js in portuguese by @vedovelli
- Creating a Markdown Editor with VueJs and GitHub’s API on Coligo.io
- Building a Real-Time Web Analytics Dashboard with NodeJs, Socket.io, and VueJs on Coligo.io
- Vue.js Introduction Turkish Language on oguzhan.in
- Vue.js VideoTutoral Series in Spanish (3-8-2016) on YouTube by Juan Andrés Núñez
- Building a Bookmarking App with Electron, VueJs, and Firebase on Coligo.io
- Learn Vuex by Building a Notes App on Coligo.io
- Vue.js Screencast Series in Spanish on Styde.net
- 讲解Vue.js 官网 中文-含代码、百度云、youtube ★672 on bhnddowinf
- Exploring Real Time Apps with VueJS, ES2015 and Webpack on Pusher
- [Vue.js in Bahasa Indonesia] (https://www.sekolahkoding.com/track/belajar-vue-js) on sekolahkoding.com
- Building a Mobile App with Cordova and Vue.js on Coligo.io
- Vue.js from Scratch Series in Russian on YouTube by .dev
- Створення сервісу для зберігання файлів з Flask, RethinkDB та Vue.js, ч. 1 Ukraine
- VueJS 2 French tutorial Français par Grafikart
- Jayway Vue.js 2 workshop. Build an e-commerce site with vue-router, vuex and vue-resource
- How to Create Great VueJS Applications Using Wijmo Controls
- **讲解Vue.js 2 官网 中文-含代码、百度云、youtube ** on bhnddowinf
- Vue.js Cheatsheet: Server-side Applications, Router, Vuex Store, GraphQL and more by @xpepermint
- Medium like Image Loading with Vue.js
- How to Use Vuex in a Laravel Spark Project on Metric Loop
- How To Set Up Modules in Vuex on Metric Loop
- Learn Vue 2: Step By Step on Laracasts
- Vue.js 中文教程
- Up and Running with the Vue.js 2.0 Framework on SitePoint
- How to make API Calls with Vuex on Metric Loop
- How to Use Vuex to Build a Feature on Metric Loop
- Vue.js 2.0 Fundamentals on YouTube by DevMarketer
- Vuex For The Clueless — The Missing Primer On Vue’s Application Data Store
- Real-time Grid Component Laravel, Vue.js, Vuex & Socket.io
- VueJS 2 - The Complete Guide (incl. Vuex) - Udemy Tutorial
- Develop Web Apps with Vue.js on egghead.io
- Vue.js 2 - Getting Started
- Vue.js 2 & Vuex (Basics)
- Türkçe VueJS Eğitim Videoları on YouTube by Fatih Acet
0.12 and earlier
- Vue.js screencasts on Laracasts 0.12
- Build an App with Vue.js on Scotch.io 0.12
- Getting Started with Vue.js on Sitepoint 0.12
- Vue.js video series in portuguese 0.12
- Vue.js video series in russian on Ausite 0.12
- A Quick Introduction to Vue.js by Matt Sparks 0.12
- Getting Started with Vue.js + vue-router by Michael Calkins 0.12
- Many JS Frameworks but Vue.js Is Different by Taha Shashtari 0.12
- Getting Started with Vue.js - AngularJS perspective by Dan Mindru 0.11
Development Tools
- vue-cli ★1,115: official CLI for scaffolding Vue.js projects.
- vue-loader ★643 - Vue component loader for Webpack.
- vueify ★494 - Vue component transform for Browserify.
- vue-devtools ★934 - Chrome devtools extension for debugging Vue applications.
- grunt-vueify ★2 - Translate
.vue
files to pure JavaScript, without using Browserify. (Useful for Electron apps) - vue-compiler ★2 - A simple CLI wrapper around vueify
- vue-autocompile - Atom.io package to compile
.vue
files on save. - vue-dev-server ★5 - A small webpack-based development server for building standalone
vue
components - brunch-vue ★9 - Adds support to Brunch for pre-compiling single file Vue components.
- vueify-extract-css ★23 - Browserify plugin to extract css from Vueify-compiled single file components to a separate css file.
- eslint-plugin-vue ★21 - Eslint plugin for .vue files.
- vbuild ★204 - Vue happiness build tool.
- vue-markdown-loader ★2 Convert Markdown file to Vue Component using markdown-it.
- vue-cluster Official Vue2 Socketcluster server-less framework with examples.
- vue-ts-loader A webpack loader for loading TypeScript in
.vue
's single file component - express-vue Vue rendering engine for Express.js load .vue files directly using app.render()
- vue-play ★53 - UI Component Dev Environment for Vue inspired by react-storybook.
- vue-webpack - Webpack configuration object generator for Vue.js.
- vue-builder - Server-side and client-side rendering for Vue.js.
- express-vue-dev - Vue.js development server middleware for Express.js.
- express-vue-builder - Vue.js server-side rendering middleware for Express.js.
- sprockets-vue ★8 - Translate
.vue
files to pure JavaScript for Rails Assets Pipeline, without webpack. - nuxt.js ★1,012 - A minimalistic framework for server-rendered Vue.js applications.
- vue-component-generator - A generator for Vue Component.
- vue-eslint-parser - The ESLint custom parser for
.vue
files.
Syntax Highlighting
- Sublime Text ★244
- Atom by @hedefalk
- Atom (2) by @CYBAI
- Vim ★48 by @darthmall and @posva
- Visual Studio Code by Jim Liu
- Brackets ★11 by @pandao
- IntelliJ IDEA / WebStorm ★66 by @postalservice14
- Emacs ★10 by @CodeFalling
- Visual Studio 2015 ★7 by @madskristensen
- KDE/Katepart (Kate, KWrite, KDevelop) by @mtorromeo
Snippets
- vue-snippets for Atom.io by @ealves-pt
- Vue.js Brazil Code Snippets
- Use multiple files in vue-router
- Vue Permission Directive
- Bootstrap status label (v-label)
- VueHelper Vue,Vue-router and Vuex snippets for Vscode by @OYsun
Autocomplete
- vue-autocomplete for Atom.io by @ealves-pt
- google-autocomplete ★9 An easy approach to achieve address autocomplete from google map. by @gocanto
- vue-gmaps Vue.js plugin to allow search places using Google Maps API by @ridermansb
Component Collections
- VueStrap, Bootstrap components built with pure Vue.js by @yuche 1.0
- VueBoot, Bootstrap v4 components by @Morgul 1.0
- vue-mdl ★436: Reusable Vue.js components using Material Design Lite. By @posva
- Extra Vuestrap components, more components built with just B4 and Vue.js, by @kzima 1.0
- VueStrap Base Components, A complete set of Bootstrap 4 web components built with pure Vue.js, by @kzima 1.0
- Vux ★2,570: Mobile web UI Components based on Vue and WeUI. By @airyland
- Vue Material Components: Vue.js UI components using materializecss.com by mjanys
- Vue Upload Component: Vue.js Multiple file upload component support ie9 lianyue.org by LianYue
- vue-comps: A collection of unstyled and unanimated plain vue components
- vue-materialize ★66: materializeCss styles and animations for
vue-comps
- vue-clusterize ★28: implementation of clusterize.js in vue, invisible pagination
- vue-data-table ★7: A high-customizable data-table based on vue-clusterize
- vue-side-nav ★9: responsive, touch enabled side nav
- vue-parallax ★3: Scrolls a image slower than the window to create a neat optical effect
- vue-zoombox ★0: implementation of zoomerang, Zooms into everything (images, text) - without animations
- vue-icons ★10: webpack based - load only what you need - svg inline icons - font compatible mode - fa, material, mdi and octicons
- vue-materialize ★66: materializeCss styles and animations for
- keen-ui ★551: A collection of essential UI components inspired by Material Design 1.0
- material-ui-vue: materializecss UI components with Vue, by @jack
- vue-spectre: github,spectre components built with Vue.js by @vace 1.0
- vue-desktop ★219: A UI library for building admin panel website, by @ElemeFE
- smart ★25: Reusable mobile components based on Vue, by @shenlq
- vue-admin ★397: Vue Admin Panel Framework, by @fundon
- vue-kit ★3: Vue Website Framework, by @gismall,demo:http://vue-kit.gismall.com
- vue-material-design ★11: A set of material components by @loujiayu
- mint-ui ★1,533: Mobile UI elements for Vue.js, by @ElemeFE
- searchable-select-dropdown ★3: A Vue Component to convert the native html select-dropdown to searchable dropdown by @rahulgaba16
- Vuikit ★400: A collection of Vue native components outputting UIkit layout 2.0
- vue-bulma: Vue Bulma UI Components, by @fundon
- vue-bulma-breadcrumb: Breadcrumb component for Vue Bulma
- vue-bulma-collapse: Collapse component for Vue Bulma
- vue-bulma-chartjs: Chartjs component is based on chart.js for Vue Bulma
- vue-bulma-chartist: Chartist component is based on Chartist for Vue Bulma
- vue-bulma-datepicker: Datepicker component is based on flatpickr for Vue Bulma
- vue-bulma-message: Message component for Vue Bulma
- vue-bulma-modal: Modal component for Vue Bulma
- vue-bulma-notification: Notification component for Vue Bulma
- vue-bulma-progress-bar: ProgressBar component for Vue Bulma
- vue-bulma-progress-tracker: ProgressTracker component is based on progress-tracker for Vue Bulma
- vue-bulma-rating: Rating component is based on starability.css for Vue Bulma
- vue-bulma-slider: Slider component for Vue Bulma
- vue-bulma-switch: Switch component for Vue Bulma
- vue-bulma-tabs: Tabs component for Vue Bulma
- vue-bulma-tooltip: Tooltip component is based on hint.css for Vue Bulma
- vue-bulma-expanding: The Expanding Transition Component for Vue 2.0
- vue-disqus: Vue component to integrate Disqus comments in your application, with support for SPA
- BootInput, Bootstrap input components for vuejs with validation, and form-group cascade. By @neposoft
- vue-easy-slider: Slider component for Vue.js with control button. By @Suhaha
- vue-carbon Material Design Mobile UI Components
- quasar-framework :star:800 SPA front-end framework on steroids. Endless list of components with Material and iOS themes. Build responsive websites and hybrid mobile Apps (that look native!) using same code, with Vue 2. Electron App included. With Webpack 2. By @rstoenescu 2.x compatible
- N3-components - A UI library, by @zhangking Websites & native mobile Apps. Full Stack Toolkit.
- vue-core-image-upload: A vue plugin for image to crop and upload @Vanthink-UED
- ElementUI: Desktop UI elements for Vue.js 2.0 @ElemeFE
- vue-beauty: Beautiful UI components build with vue and ant design
- Radon UI: A elegant, simple, and efficient UI framework
- vue-antd: Vue UI Component & Ant.Design
- iView: A high quality UI Components Library with Vue.js
- wovue: A collection of Vue components, a11y friendly, by @wochap.
- vue-off-canvas - A off-canvas component for Vue.js. 1.x compatible
- vue-dialog - A dialog component for Vue.js. 1.x compatible
- vue-focus-trap - A Vue component that traps focus for Vue.js, it is a wrapper around focus-trap. 1.x compatible
- BootstrapVue Bootstrap 4 Components compatible with Vue.js 2. ![GitHub stars](https://img.shields.io/github/stars/bootstrap-vue/bootstrap-vue.svg?style=social&label= ❤ &style=plastic)
- vue-codemirror ★ Codemirror component for Vue.js(1.x ~ 2.0) @Surmon
- vue-video-player ★ Live / Video Player (based on video.js) for Vue.js(1.x ~ 2.0) @Surmon
- vue-material ★750 Lightweight components built from scratch exactly according to the specs. 2.0 by @marcosmoura
- vue-notifications ★0 Agnostic non-blocking notifications library. Allow you to manage notifications in declaration style. 1.x - 2.x compatible @se-panfilov
- vue-fa-calendar - Customize this printable Vue 2 Font-Awesome calendar component with your own classes.
- vue-highcharts Highcharts component for Vue. 📊
- muse-ui Material Desgin UI library for Vuejs 2.0
- vonic ★275 - UI Framework for SPA, based on Vue.js and ionic css components. by @wangdahoo
- vue-scroller ★60 - Vue component for smooth scrolling, pull to refresh and infinite loading. by @wangdahoo
- vue-prosemirror-2 Plugin to integrate prosemirror with Vue 2 2.x compatible by @eljefedelrodeodeljefe
- Vue2Leaflet Vue2 component that helps with leaflet interaction (Leaflet = a JavaScript library for interactive maps)
- vue-impression A Vue.js 2.0 UI elements for mobile. by@NewDadaFE
- vue-github-corners VueJS Component for Tholman’s Github-Corners
- vue-clip Hackable File Uploader For Vue.js 2.0.
- vue-numeric - Vue 2.0 Input field component to display currency value. By @kevinongko.
- vue-morris - Vue component wrapping morris.js charts lib. By @bbonnin.
Libraries & Plugins
-
Routing
- vue-router ★3,171 - Official router for building SPAs. 1.0 compatible
- Vue page ★15, a routing system based on pagejs by @AlexToudic
- Vue Lanes ★21, an event-based routing system for Vue by @bpierre
- Vue route ★73, ng-view inspired routes for Vue by @ayamflow
- voie ★130 — simple router / layout manager inspired by FSMs and ui-router by Boris Okunskiy1.0
- vue-script2 ★6 - Load route-specific code or vendor scripts with a
<script>
-like tag, by @taoeffect - vue-update - provides extra hook for data-updating, by @ZeroDark1991
-
Ajax/Data
- vue-resource ★1,761 - AJAX/Resource plugin maintained by the PageKit team. 1.0 compatible
- vue-resource-case-converter - Interceptor for
vue-resource
that transforms request data to snake_case and response data to camelCase - vue-async-data ★240 - Async data loading plugin 1.0 compatible
- vue-async-computed ★23 - Plugin to support computed properties that are calculated asynchronously. By @foxbenjaminfox
- vue-model ★63 - Plugin to make rich models with built-in HTTP actions by @aaronfrancis
- vue-laravel-forms ★20 - Form helpers for your Laravel backed Vue.js projects.
- vue-axios - A small wrapper for integrating axios to Vuejs
- vue-jsonp - A tiny library for handling JSONP request. By @lancercomet
- [@skyrpex/props-to-local](https://github.com/skyrpex/props-to-local) - A mixin that allows syncing props to local attributes automatically, by [@skyrpex].
- v-model ★5 - V-Model is a model plugin for Vue.js, like ng-resource, by @laoshu133
- vue-reload-route-data - Give you a ability to reload route data by @imcvampire.
-
State Management
- vuex ★2,062 - Flux/Redux inspired application architecture for Vue.js.
- revue ★230 - Redux binding for Vue by @egoist
- vue-redux ★82 - Redux binding for Vue by @yang-wei
- vue-freeze ★50 - Simple state management whitout bloating API and Concept for Vue by @BosNaufal
- vue-simple-store ★39 - Store Organizer To Simplify Your Stores for Vue By @BosNaufal
- vue-stash ★50 - Easily share reactive data between components. @cklmercer
- vuex-actions ★2 - Action utilities for vuex, supports promise-based async actions.
- vuex-persistedstate ★2 - Persist and rehydrate Vuex state with localStorage support by @robinvdvleuten
- vue-sync - Sync state with other places such as the browser URL or a backend api. directly, without using stores.
- vuex-plugin-jsdata - Sync state with js-data store (for Vuex 2.x).
- vuex-action - Utilities for vuex to create actions.
-
Validation
- vue-validator ★1137 - Form validation plugin maintained by @kazupon 2.0 compatible
- Vue validator ★41 by @xrado
- vue-form ★147 by @fergaldoyle 1.0 compatible
- Vuex Validator ★2 - Validator library for simple and complex state validation by @sebastiansoft 1.0 compatible
- JS Validator ★4 - The easiest way to validate your forms without 3rd party packages by @gocanto
- vue-verify - A simple verification plugin for VueJS
- vee-validate - Simple VueJS input validation plugin by @logaretm
- Vue-Laravel-Validator ★26 - Laravel validation response handle for vue forms. by @MetinSeylan
- vue-formly - Simple and extendable JS based forms. Heavily inspired by Angular Formly.
- vue-formly-bootstrap - A Bootstrap plugin for Vue Formly.
- vue-formular - A comperhensive solution for HTML form management, including presentation, validation and (optional) AJAX submission. Presentation is based on Bootstrap’s form component.
- Vuerify - Validation plugin for Vue.js
- vue-data-validator - For Vue.js 2
- vue-form-2 Vue 2.0 version of vue-formular
- laravel-like-vue-validator - Declare reactive input error checking with the same syntax as with Laravel.
- Vue-Easy-Validator - Fast-Easy client side form validation for Vuejs 2 @MetinSeylan
- vue-contextable: Contextable.js plugin for Vue.js 2.0. Form validation has never been easier!
- vuelidate ★43 - Simple, lightweight model-based validation for Vue.js by @monterail 2.0 compatible
- simple-vue-validator ★17 - Simple, yet flexible solution aimed to support both basic and complex validation scenarios 2.0 compatible
-
UI Components
- vue-countup ★11: A Vue.js component for the very interesting CountUp.js plugin. 1.0 compatible
- Vue Tag Editor Component ★24 by @hnakamur
- Vue Crop
- Vue Typeahead
- Typed select component ★4 by @dgerber
- vue-select ★59: A Vue.js component implementing the select control with the jQuery select2 plugin. By @Haixing-Hu
- vue-html-editor ★97: A Vue.js component implementing the HTML editor with the jQuery summernote plugin. By @Haixing-Hu
- vue-datetime-picker ★92: A Vue.js component implementing the datetime picker control using the Eonasdan’s bootstrap datetime picker plugin. By @Haixing-Hu
- vue-country-select ★12: A Vue.js component implementing the select control used to select countries. It depends on vue-select and vue-i18n. By @Haixing-Hu
- Form generation from JSON Schema ★22 by @dgerber
- vue-panel ★40: A suite of Vue.js components for building Flexbox layouts by @ericmcdaniel
- vue-google-maps: A suite of Vue.js components to build reactive Google Maps Applications by @GuillaumeLeclerc
- vue-transition ★39: A component to trigger a CSS transition at any time by @Twiknight
- SVG icons, SVG sprites in form of a simple
<icon>
component, by @kzima 1.0 - Vue YouTube Embed ★19: a component for Vue.js and YouTube by @kaorun343
- Vue datepicker ★124: calendar and datepicker component with material design for Vue.js by @hilongjw
- vue-date-picker ★31: A simple datepicker component for Vue.js by @Bubblings
- vue-spinner ★240: A collection of loading spinners with Vue.js.
- vue-image-loader ★23: Async image loader for Vue.js by @eduardostuart
- Vue-progressbar ★73: A lightweight progress bar for Vue.js by @hilongjw
- vue-resource-progressbar-interceptor: An interceptor for vue-resource that adds automated progressbar (that is up one line) to all http requests
- Famous-Vue ★13: Declarative Famous using Vue
- vue-waterfall ★296: A waterfall layout component for Vue.js by @MopTym
- vue-charts ★35: A Google Charts plugin for Vue.js by @haydenbbickerton
- vue-select ★305: Simple component that implements Select2/Chosen style dropdowns with no dependencies1.0
- Vue-slide ★60: A lightweight slide component for Vue.js by @hilongjw
- Vue-quill ★10: A Vue component implementing the Quill text editor by @brockreece
- vue-pagenav ★12: A vue pagenav plugin by @zxdong262
- Vue-calendar ★7: A vue calendar component with less code by @cucygh
- vue-autocomplete ★35 Autocomplete Component for Vue by @BosNaufal
- vue-loading-bar ★50 Youtube Like Loading Bar Component for Vue by @BosNaufal
- vue-bootstrap-modal ★20 Bootstrap style modal component for Vue by @Coffcer
- vue-waves ★6:Click effect inspired by Google’s Material Design ,the vue version By @Teddy-Zhu
- [vue-table] (https://github.com/ratiw/vue-table): component that will automatically request (JSON) data from the server and display them nicely in html table with swappable/extensible pagination component. By @ratiw
- [vue-tables] (https://github.com/matfish2/vue-tables): This Vue package offers an easy and intuitive way of displaying Bootstrap-styled grids with data coming either from the client or from the server. By @matfish2
- [vue-smart-table ★50] (https://github.com/gurghet/vue-smart-table): A simple grid component for building rich reactive tables
- [fire-select] (https://github.com/firework/fire-select): Vue component that transforms overwhelming select boxes into something fancy, simple and user-friendly. It is similar to Selectize, Chosen, Select2, etc.
- vue-color ★125, Color picker
- vue-avatar ★27: display user avatar with fallback to user’s initials.
- vue-msui ★17 by @yjj5855 : A Vue modal
- vue-file-base64 ★5 - Vue Component for Converting File to base64 by @BosNaufal
- vue-ripple ★11 - Vue Component to Make Google Material Design Ripple Effect by @BosNaufal
- vue-scrollbar ★19 - The Simplest Scroll Area Component with custom scrollbar for Vue by @BosNaufal
- vue-tagsinput ★10: A tags input component based on Vue.js
- vue-markdown ★57: A Powerful and Highspeed Markdown Parser for Vue1.x.x & Vue2.0.x. By @miaolz123
- vue-awesome ★80: Font Awesome component for Vue.js, using inline SVG. By @Justineo
- vue-smoothscroll ★1:scroll website smoothly , By @Teddy-Zhu
- vue-breadcrumbs ★11: Implements simple breadcrumb functionality with vue-router. By @SamTurrell
- vue-datepicker ★15: datepicker component for Vue.js. By @weifeiyue
- vue-timeago ★59: A timeago component for Vue by @EGOIST
- vue-calendar ★26: Vue Material date picker for Vue by @ihanyang