Vue instant notification

Instant notification based on awesome Vue

Version: 1.0.1 Updated: 11/30/2016

By: adwidianjaya

Downloads Last 30 Days: 20

Install

npm i vue-instant-notification
yarn add vue-instant-notification

CDNs

bundle.run: https://bundle.run/vue-instant-notification

jsDelivr: https://cdn.jsdelivr.net/npm/vue-instant-notification

unpkg: https://unpkg.com/vue-instant-notification

vue-instant-notification

Instant notification based on awesome Vue

Installation

# yarn
yarn add vue-instant-notification

# npm
npm install --save vue-instant-nofication

Example

Markup

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>vue-instant-notification</title>
  </head>
  <body>
    <div id="app">
      <vue-instant-notification ref="Notification"></vue-instant-notification>
      <button @click="test()">Test</button>
    </div>
    <!-- your scripts -->
  </body>
</html>

Script

import Vue from 'vue'
import VueInstantNotification from '../'

new Vue({
  el: '#app',
  components: { VueInstantNotification },
  methods: {
    test: function () {
      this.$refs.Notification.success({
        title: 'Test',
        message: 'This is test'
      });
    }
  }
});

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.

Categories: Vue js
Tags: