Multiple Process Loader Management for Vue and (optionally) Vuex. Read the Medium post "Managing Complex Waiting Experiences on Web UIs".
https://github.com/f/vue-wait#readmeTags | vue vuex loading loader loaders activity-indicator vuex-store nuxt-module vue-components progress progress-bar vue-progress loader-component spinner nuxt plugin |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
Multiple Process Loader Management for Vue and (optionally) Vuex.Even it's named as "vuex-loading", Vuex is now completely optional.
vue vuex loading loader loaders activity-indicator plugin:sparkles: 高仿掘金,整合 vue + nuxt + axios + vuex + vue-router (nuxt 自带 vuex 和 vue-router),一个基于 Nuxt 的服务器端渲染 Demo
vue nuxt vuex vue-router axios nginx nodejs pm2 gh-pages nuxt-demoThis repo houses the materials and resources for the Introduction to Vue.js. Most of the materials for the course are outlined below, but there are also directories housed here of very basic examples of some of the techniques we will cover so that students don't have to spend a lot of time researching in order to get started. It is recommended that students use CodePen to create work for the duration of the course, as we'll use preprocessors like SCSS as well as Babel for ES6, and resources like Vue.js, both prod and dev versions, codepen makes it easy to do so without time devoted to setup. If you like, you can also scroll to the CodePen collection section and fork one of the existing pens in those collections, they are comprehensive. There are more true-to-life build process examples, in the VueCLI, Nuxt, and Vuex Resource Sections. It's encouraged to watch the lecture to learn how to set up the builds yourself, though. For sections covering Nuxt, we will be using the directories listed in the Nuxt section below as well as their directories, prefixed with nuxt- here.
vue vuex introduction-to-vue vue-animations vue-cli vue-methods vue-watchers nuxt introduction-to-nuxt vue-directiveWith more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4.5 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup. Support this project by becoming a sponsor.
bootstrap components vue accessibility icons a11y nuxt accessible wai-aria component-library nuxtjs bootstrapvue bootstrap-v4 bootstrap-for-vue vue.js vue-v2 ssr web directives bootstrap-icons aria popper.js css scss alert avatar badge breadcrumb button calendar card carousel checkbox collapse date-picker datepicker dropdown dropzone form input jumbotron list modal nav navbar option overlay pagination popover progress radio select sidebar skeleton slider spinner tab table tag tags time-picker timepicker toast tooltip🔨 webpack loader that lets you use SVG files as Vue components
webpack-loader svg vue-components vue webpack nuxt vue-svg-loader svgo loaderfeathers-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. NOTICE: this module is almost (but not quite) fully compatible with Feathers V4. The authentication module is written for Feathers V3. If you're going to use Feathers V4, please search the GitHub issues for "feathers crow authentication" for workarounds you can implement until this module is properly updated.
feathers feathers-pluginA lightweight progress bar for vue
vue vue-progressbar vue-loading-progress progressbarThe boilerplate for making electron applications built with vue (pretty much what it sounds like). The aim of this project is to remove the need of manually setting up electron apps using vue. electron-vue takes advantage of vue-cli for scaffolding, webpack with vue-loader, electron-packager or electron-builder, and some of the most used plugins like vue-router, vuex, and so much more.
electron vue webpack boilerplate vue-cli documentation unit-testing end-to-end-testing electron-packager electron-builder es6 babel hot reload router vuex resourceEasy to use css spinners collection with Vue.js integration. Developed by Epicmax. Subscribe to our newsletter to get Epic Spinners updates, our team's stories and Vue.js materials hand-picked by Epicmax.
vue css-spinners-collection css-animations css-loaders vue-components spinner css gallery html vue-spinner-component animations loading-animations loading-screen loading-spinnervue-simple-spinner is designed to be a lightweight Vue.js spinner requiring minimal configuration. IE 10+ (due to CSS animation support).
vue vuejs ui component spinner progress componentsWe are big fans of the awesome vue, vuex and vue-router libraries and were just looking for an easy to use internationalization plugin, employing as much of the "standard library" as possible. The main difference to other internationalization plugins is the ease of use and support for locales directly with the application or later from the server.
vuex translation language internationalization-plugin vuejs vue2 vuejs-components vuejs2 localization vue i18n这是我第一个真正意义上的Vue项目,共花了5天时间,每天大概3,4个小时左右在这个项目上。除了Vue.js概念比较了解外,Vue-router和Vue-resource都是现学现用。之前还想着可能要花点时间学下新东西,但看了文档后才发现其实挺简单的...
vue vue-router vue-router2 vue-spa cnodejs vuex2 vuex nuxt nuxtjs ssr seoFor detailed explanation on how things work, checkout the guide and docs for vue-loader.
vue2 webpack2 vue-router douban vuex vue-cli vue-resoure superagent vue-demoThis small demo shows how to accept payments with stripe with Vue.js using a serverless function. It's actually not that bad to set up! The shop also shows how a number of concepts work in Vue. Server side rendering and routing is done with Nuxt.js. Centralized state management with Vuex for product details. Of note, using computed properties, .sync, CSS Grid, and transition-group.
vue vue-stripe stripe stripe-checkout stripe-payments vuejs nuxt vue-stripe-payments stripe-elementsVue.js Meta Framework to create complex, fast & universal web applications quickly. Learn more at nuxtjs.org.
framework isomorphic universal vue ssr nuxt web-app vuex vue-router server-rendering nuxt.js nuxtjs vue.js vuejs vue-universal vue-ssr vue-server-side vue-isomorphic vue-versatileThis is the source code for a four-part series I wrote on creating a Vue.js application that also uses Vue-Router, Vuetify and Vuex. The articles take you through creating a Vue application and then adding on to it until you have created a fully functional meal delivery website. As I mentioned this source code is the final code created as part of four articles I wrote on creating a Vue.js application using Vue-Router, Vuex, Vuetify and Firebase. Here are links to each version of the articles: Part 1 - Covers creating the application and adding Vuetify for styling. Part 2 - Covers using Vue Router to add navigating between pages in the application. Part 3 - Covers adding Vuex for state management. Also we connect to a Recipes API to get content for our application. Part 4 - Covers using Firebase for Authentication. Users can create an account and order recipes. When they login to their account they will see their orders.
vue vue-router vuex vuetify vuejs vue2 firebase-auth firebase-database firebaseEffortlessly keep vue-router and vuex store in sync.
vuex vue-router vuevue-inspector is a basic inspector for Vue.js that works with mobile devices. It could work in a desktop environment, but I do not recommend that; use Vue.js devtools instead. With vue-inspector is possible to execute JavaScript code directly in your mobile browser and get error messages generated at run-time. Also inspect the data, props, router links, views/components, computed properties, routes, Vuex and more... inside your Vue.js project.
vuejs-components vuejs vue-router awesome-vue vuex vue-inspector vue inspector
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.