一、前言
关于vue的知识通过前面的章节我们已经学的差不多了，所以本章将带大家尝试使用vue开发几个常用的控件，深刻体会一下vue提供的便利所在。
注意，由于我个人喜欢使用TypeScript与less语法，所以我在vue项目中会直接使用这两者，不会安装、使用这两者的可以参考前面一篇文章。
包括项目建立等基础性内容，这里也不再重复赘述了。
二、按钮组件封装
对于“按钮”这种非常通用的组件来说，一般我们都会将其放在components文件夹下：
由于实现一个基本的按钮过于简单，所以我这里直接将代码完成如上图。
注意2号位置，使用的是vue的插槽知识，忘了的可以到组件详解回顾。
至于3号样式中的内容就属于css的知识了，用于设置该按钮组件的各种基本样式，不会的自己多敲一敲就好了。
