vue如何让组件处理登录逻辑？

Question

登录页面： login.vue

<template>
    <div>
        <img src="../assets/logo.png">
        <pub-header :pmsg="title"></pub-header>
        <input-text :input_name="input_username"></input-text>
        <input-text :input_name="input_password"></input-text>
        <btn-login></btn-login>
    </div></template>

组件：inputText

本人初学者，想写个demo练习一下vue2.0
我想两个组件完成各自的验证（比如一个验手机，一个验邮箱，但ui是一样的），然后给出返回值登录
请问如何实现这样的登录方法，给个思路即可
或者说我这么写根本就不对，还有更好的方法，也麻烦推荐下，扔个链接也行，谢谢！！

Answer 1

我前段时间总结的一个项目，或许能帮助你理解这个过程。【vue+axios】一个项目学会前端实现登录拦截