❤
npm
Sign UpSign In

vue-instant-loading-spinner

1.0.0 • Public • Published

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-spinenr

Example

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 test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

Readme

Keywords

none

Package Sidebar

Install

npm i vue-instant-loading-spinner

Weekly Downloads

30

Version

1.0.0

License

none

Last publish

Collaborators

  • adwidianjaya
Try on RunKit
Report malware