elementUI系列组件代码解读

我们注意到在上传组件有个钩子函数有个地方做了文件确认弹框 但是我们在结构中并没有看到这个组件，那它是如何生成的呢？ 更多组件源码解读 npm install element-ui-exp

EL-Upload 先来看看这个组件都有哪些props 可以看到它可以传的参数还是非常多的，其中钩子函数也不少（作为一个公共组件，我们尽量减少与某些业务强相关的逻辑，而应该使用暴露钩子函数方式...

EL-select 作用：下拉选择 效果： 由于select有多个功能，我们先从它最基本的功能开始。 功能一：下拉单选 Props就传了个value和placeholder 源码部分： 咱们从数据流看

EL-switch 作用:这个组件的使用场景主要是针对那种只需要判断true或false的 源码部分：   主要属性 checked 同时监听了它 看看改变它的函数 总结下它的逻辑部分...

EL-inputNumber 源码部分 它的options对象 比较简单  我们就重点看下几个，一个是自定义指令：v-repeat-click="decrease" 这里注意:  bind函数的第三个

EL-textarea 源码部分： 其实它跟input的功能是大同小异，重点说下它宽度设置和根据字数自适应换行 这里有个css样式要注意，line-height:1 它表示按当前字体大小....

EL-input 实现的功能： 1. 输入内容 2. 双向绑定 3. 密码框 4. 内容清空 5. 带icon 6. Textarea文本域 7. 字数限制 8. 带搜索等 9. 自动适应文本高度..

El-checkbox 源码部分: 可以看出checkbox和radio的整体结构是很类似的，具体细节就不分析了，就简单看看差异点 如果checkbox是个group时....

El-radio 源码部分   这几句都是用来为不方便的人士提供的功能，比如屏幕阅读器，role的作用是描述一个非标准的tag的实际作用。比如用div做button....

El-Container (容器) 主要是用来控制子组件布局和全局样式，默认为弹性布局中的纵向排版。

ElementUI组件系列解读之<栅格布局> El-row主要就是通过flex弹性布局来控制样式和子组件排版的

El-button button组件基本就是通过props来控制样式，同时暴露了一个click事件 需要注意的是 它这里使用provide & inject来传递父组件实例 样式