1.0.6 • Published 5 years ago
vue-dialog-login v1.0.6
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.