ElementUI源码学习笔记——button组件

Sass部分

@content用于在@mixin中占位，里面放@include
@each循环，比如项目中需要一个五颜六色的checkbox，这时候一个一个添加颜色特别麻烦，就使用@each

Css部分

white-space属性：规定元素内空白（空格，Tab等）的处理

1. normal：忽略多余空白，只保留一个空白，文本自动换行
2. nowrap：所有空白合并成一个，文本不换行
3. pre：原样输出，不换行
4. pre-wrap：原样出书，换行
5. pre-line：所有空白合并成一个，回车不变，文本换行
6. inherit：继承父元素

appearance属性：用于修改元素的默认样式
**&**表示嵌套上一级
RGB颜色函数-Mix函数：在函数中指定三个函数，前两个函数是想混合的颜色，第三个参数是第一种颜色的比例值

Vue部分

之前写的组件都只是为了复用组件，对CSS并没有过多关注，写CSS的时候应该更注重预编译，先定好前端的主题颜色，然后常用样式都写好，最后在main.js入口函数里面使用Vue.component()注册组件，这样就可以在全局都使用啦