Examples of usage Multiple Loader Management for Vue with Router and promise based HTTP client. Online REST API for Testing and Prototyping Serving is delivered by JSONPlaceholder.
Live demo: http://example.silversite.pl/demo-vue-wait-axios/
-
Vue - progressive JavaScript framework
-
vue-wait - complex Loader and Progress Management for Vue Applications
-
axios - promise based HTTP client
-
Vue Router - official router for Vue.js
-
JSONPlaceholder - fake Online REST API for Testing and Prototyping
-
vue-webpack-boilerplate - template for vue-cli
-
Bootstrap - front-end component library
Project structure is based on the vue-cli template from vuejs-templates/webpack.
# install dependencies
yarn
# serve with hot reload at localhost:8080
yarn dev
# build for production with minification
yarn build
# build for production and view the bundle analyzer report
yarn build --report
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
For a detailed explanation on how things work, check out the guide and docs for vue-loader.