vue-instant-loading-spinner
v1.0.0
Published
Instant loading spinner for use with awesome Vue
Downloads
304
Readme
vue-instant-loading-spinner
Instant loading spinner for use with awesome Vue
Installation
# yarn
yarn add vue-instant-loading-spinenr
# npm
npm install --save vue-instant-loading-spinenrExample
Markup
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vue-instant-loading-spinner</title>
</head>
<body>
<div id="app">
<vue-instant-loading-spinner ref="Spinner"></vue-instant-loading-spinner>
<button @click="test()">Test</button>
</div>
<!-- your script -->
</body>
</html>Script
import Vue from 'vue'
import VueInstantLoadingSpinner from 'vue-instant-loading-spinner'
/* eslint-disable no-new */
new Vue({
el: '#app',
components: { VueInstantLoadingSpinner },
methods: {
test: function () {
this.$refs.Spinner.show();
setTimeout(function () {
this.$refs.Spinner.hide();
}.bind(this), 2000);
}
}
});Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# run unit tests
npm run unit
# run e2e tests
npm run e2e
# run all tests
npm testFor detailed explanation on how things work, checkout the guide and docs for vue-loader.