一个关于鉴权逻辑的物料组件设计（vue）

一、设计背景

1、工作中遇到一个棘手的问题，就是鉴权逻辑，因为公司H5应用很多；

2、而开发的人员不同每次都会因为相同的交互业务逻辑 而写出不同的判断代码，各种if,else,而且各种嵌套，看的头昏脑胀，维护起来特别麻烦；

3、而且每次新人加入都会去了解一次业务的流程，而不能把很快的开发本身的业务交互；

二、业务交互需求描述

业务具有2种登录状态，手机登录和账号登录。

1、在外部APP壳子未进行2种登录，进入H5应用，下方按钮文本显示成“立即登录”；

2、在外部APP壳子进行了手机号登录，进入H5应用，下方按钮文本显示成“立即签约”，点击按钮后拉起登录，登录完成判断购买状态，购买了去往首页，没购买在未购买页；

3、在外部APP壳子进行了2种登录，进入H5应用，判断是否购买，购买了去往首页，没购买在未购买页；

流程如图：

三、初级思路

1、设定初始基础数据项（账号,手机号,购买状态。。。）

.。。。

组件还在实践过程中，文章持续更新^_^。