element-ui源码解析

el-input 源码 学习element-ui 中input组件源码 el-input 基本结构 可以看到input组件使用的是原生的input元素 禁用状态 设置disabled属性，也是利用原生

el-message 源码解析 学习element-ui Message组件的源码 基本结构 message组件的基本结构是一个div，使用vue中的transition组件进行过度动画。 过度动画的

el-card 源码 shadow 属性可以设置card的阴影显示时机 bodyStyle可以修改内容的样式

实现一个简版的el-form 结合源码，实现form组件的核心内容，达到学习源码的目的。 组件分为两部分，一部分是form组件，一部分是form-item组件。 文章源码 gitee/element-

el-badge 源码解析，解析了el-badge中的源码，了解了其中如何生成badge。使用slot语法

el-link源码解析，解析了el-link中的源码和其对应的css。el-link时一个a标签，可以用于link文字

el-avatar 源码解析 基本用法 源码中可以看出组件实际上由一个span元素包裹的img元素 图片加载失败的 fallback 行为 如果是图片的话，加载失败，则会展示default slot

el-button源码解析 基础用法 <el-button type="primary">默认按钮</el-button> 禁用状态 设置disabled属性 <el-button type="pri

el-row el-col源码解析 el-row 以下是el-row 的源代码，使用render函数渲染，可以修改渲染的tag，默认为div。 可以设置type属性为flex，使容器使用flex布局。

el-switch 源码解析 基本用法 el-switch 的dom基本结构如下,可以看到switch实际上是一个checkbox。 在vue中checkbox有两个属性true-value和fals