vue-dialog-login

vue-dialog-login

a dialog for login or register

Introduction

• This is a lightweight plugin for login or register in web application
• It provide many animation effcts to select and you don't have to consider browser compatibility

Install

npm install vue-dialog-login -S

Quick Start

import Vue from 'vue'
import Dialog from 'vue-dialog-login'

Vue.use(Dialog)

Use in component

<template>
	<div>
		<vue-dialog :flagObj="flagObj" :type="type">
            <p>这是一个弹出框</p>
        </vue-dialog>
        <button @click="change">登录</button>
	</div>
<template>

<script>
	export default {
        data: function(){
            return {
                flagObj:{flag:false},
                type: '8'
                //单行注释：you can use it from 1-19
            }
        },
        methods: {
            change(){
                this.flagObj.flag = !this.flagObj.flag
            }
        }
	}
</script>

Build Setup

# 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.