vue向导抽象类组建

代码git 地址

1. 缘起：由于在工作当中经常接触到【流程分步骤配置】的情况，以下简称流程，团队成员之间技术水平不一，使用的技术栈不一，包括props传值，vuex，$emit等，我们在同时开发一个流程时，每个步骤内部的状态管理容易出现混乱，并且步骤之间顶层设计比较复杂，那么亲爱的读者，如果你也遇到类似的问题，那么恭喜你，本文就是为了解决这个问题而产生的。

2. 技术栈

• vue
• iview
  
  _{ps： 使用element的同学，阁下请自行改造下吧}

3. 术语：

• 根组建 包括外层弹框 底部按钮、删除按钮
• 步骤 每个步骤页面

4. 实现的功能

• 步骤条方向控制
• 底部按钮分为 上一步、下一步、提交、退出； 每个步骤 底部按钮可单独配置状态
• 点击底部按钮，可自由选择步骤内控制，或者不做控制
• 跳过某些步骤
• 数据、状态全局管理
• 默认值、恢复默认值
• 退出时，清除组建内部状态及数据

5. 使用方法

• extends 组建
• 简单配置
  
  _{入门请看demo/index.vue, 高级使用方法请查看/demo/master.vue}