一、element生态
1.版本
基于vue2.0，由饿了吗官方维护 （去年年底上线element plus支持vue3.0）
2.维护频率
image
3.对于该版本目前出现的一些问题
3.1GitHub issues
image
3.2关于vue3.0+后续维护问题
饿了么被阿里收购后，阿里旗下就有了 element-ui 和 Ant Design Vue互为竞品 核心成员均离职，整体更新频率较低，目前是社区成员维护
3.3论坛中一些问题
常见问题：table的expand-row-keys、表头、固定列高速计算；分页当前页问题等。（解决方法可以进行封装）
二、与用户 即UI交互
1.element的优势
（1） 为国人开发，UI更适合国人审美
（2）一些原型工具 如墨刀，提供element官方组件
image
2.按照UI修改某个组件时，即element的扩展性
2.1仅修改某个组件样式的时候
1.可以直接通过更改该组件属性
属于少部分情况，如switch可以自定义颜色
image
但是很多组件 A.自身无法改变宽高 如input、table宽高比高度问题 B.额外需要增加交互效果 =>需要调整
2.需要手动更改css
（1）style写类：是全局 所有页面该类都更改
（2）style scoped：当前页面更改，但是同样的子组件也会被渲染
（3）/deep/ >>>
image
可以父选中某个子组件进行修改，但是/deep/不可以嵌套使用 总体来讲>>>是比较好用的方法，调用时注意父组件
2.2需要改变颜色
（1）直接用类
（2）下载官网的主题
（2）scss PS这一部分官网也提供教程了，但是用自定义主题+改类可能会更方便一些
2.3二次封装组件
1.可以利用github一些开源组件
如table
image
2.自行封装 思路：可以用extend（）构造子类，调用el，实例内部自己维护插入dom和移除dom的操作，对外暴露方法方便不同的场景调用；
三、与后端交互
使用axios请求后端数据=>可以对axios进行优化，头部携带token、对不同错误进行处理等。
目前缺乏后端，还没有实际跑通。但是以前写过封装ajax，思想类似。
