安装

npm i vue-wengochen-login --save

引入

//main.js

import Login from "vue-wengochen-login"
import "vue-wengochen-login/static/iconfonts/iconfont.css"
Vue.use(Login)

简单使用

<template>
	<div class="wrap">
    	<login :color="color" @getLoginInfo="getLoginInfo" @toRegister="toRegister">
        
        </login>
  	</div>
</template>

<script>
  export default {
      name: 'Parent',
      data () {
        return {
            color:"skyblue"
        }
      },
      methods:{
          getLoginInfo(data){
              console.log(data);
              //...逻辑：获得登录信息，向服务器发生请求操作
          },
          toRegister(){
            //...逻辑：跳转至注册
          }
      }
  }
</script>

参数

color属性：可有可无，不加的话默认darkorange,修改组件主色调
getLoginInfo（）：获取表单的信息，向服务器发送登录请求
toRegister（）：跳转至注册页面