一、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，思想类似。