Vue＋Element UI

猿序写该篇文章相关应用Demo，面向对象为具有一定的编程基础。如果，你没有一定的编程基础，猿序推荐你几个网址：

Vue官方文档：https://cn.vuejs.org/v2/guide/

Element UI官方文档：http://element-cn.eleme.io/#/zh-CN

学习之前，猿序认为在没有任何编程基础的前提下，最好还是学习一下JavaScript编程语言。Javascript是一种弱类型的直译式脚本语言，常用于Web编程，网站上，你所看到的各种弹窗效果，保存等等基本是用JavaScript完成的。猿序，在学校期间，对JavaScript极其的热衷，猿序将JavaScript高级编程第三版，从基础到进阶，完完全全的看完了，当然，现在，对JavaScript一些知识还是有些遗忘的，所以，猿序会找时间和喜欢编程的朋友一起回顾和学习。下面，就让我们切入正题吧：

一、日历日期组件

涉及到技术栈：JavaScript、Vue、scss、函数式编程

效果：

在每个日期中，可以定制各种各样的效果，例如，在制作这个组件的时候，产品给的需求是，每个日期可以填写销售预估值，支持添加备注，查看备注，备注累加展示，切换日期，可查看过往销售预估值，点击回到今天，可以返回系统当前时间下的销售预估值填写，查看等等。现如今的需求是，不允许编写了，数据的来源是数据组提供，每天定时更新。

需要Demo例子的朋友，可以给猿序留言，猿序将组件发给你，然后，告诉你如何将其运用到你的项目中，如何对该组建进行二次改造。

关键点：在制作日历日期组件的时候，朋友，你必需熟悉JavaScript的Date()对象。

下期介绍地区联动组件，改造vue-area-linkage插件，因为我再用这款插件的时候，发现这款插件缺少很多地区，比如说，深圳地区中新增的光明新区等等，在插件中是没有显示的，而原作者，却没有爬取最新的数据进行更新，猿序采用Github上的教程，试图更新旧版的地区联动插件，那晚，结束996生活的我在第一天，被老大追着修复版本更新的bug。我们在进行版本更新的时候，在提交代码完毕之后，要告知其他同事重新run一遍，否则，同事提交合并到master上后，就会出问题的，因为它的package.json文件中所引用的版本还是旧版的，导致新版的用不了，所以，暂时回退了地区联动的版本，在第二天的上午，花了一个小时左右，对插件进行改造完了，如果缺少地区，就可以通过配置信息完成，而且可以实现自定义各种各样的样式。下期介绍如何改造该插件，未完待续……