引言
过年期间去A公司实习了，实习期间做了一个汽车保养优惠的功能，迭代到A公司的官网里。原本这个功能是已经有的，但是是用react写的，A公司想改为vue的。我在这次项目里负责的是UI界面的组件化实现。
项目描述
此项目首页是优惠券的展示，优惠卷分为三种：未使用，已使用，已过期。点击优惠劵，跳入‘确认车型’个页面。确认车型页面主要是让用户输入车牌号， 品牌车系以及排量年份。
在确认车型页面点击‘下一步’，进入‘预约保养’页面。此页面主要是显示用户信息，让用户选择保养时间，以及提供修改用户信息功能。
在‘预约保养’页面点击‘下一步’，进入‘配送完成’页面。此页面主要是让用户选择使用哪些保养产品，并将产品送至哪家门店，并让用户选择支付方式。
点击‘提交订单’，进入‘到店安装’页面。确认车型，预约保养，配送完成，以及到店安装。
这四个页面，每个页面上面，都有一个步骤条。
实施方法
UI界面的实现采用组件化思想。将公用部分封装成组件，放入公用组件文件夹。将每个页面分模块实现，模块放入页面所在文件夹的子文件夹里面。
这样做的好处是，可以大大降低代码之间的耦合度。
封装的公用组件有：省键盘，通知组件，步骤条。
- 通知组件 组件接收四个参数：标题，内容，是否显示‘取消’、‘确定’按钮，回调函数名称。 第一个参数的默认值为温馨提示，第二个参数必须传递，第三个参数默认值为 我知道了 第四个参数是当有确定按钮时，并且用户点击了，则此时调用父组件传递的回调函数。
- 步骤条 此组件接受一个数字参数，以及一个数组，数组里面是对象。对象里面是图片，以及文字。根据数字确定当前进度在哪里。
