Element UI从1.x升级到2.x版本

我们现在做的项目大多都采用了Element UI组件来开发，对于一些比较老的项目，很多都还是用的1.x的版本。而随着Element UI官方的不断迭代升级，2.x版本修复了许多遗留的bug及新增一些UI组件和Icon，在使用体验上也有一定的改善。因此，作为前端开发者为了提升我们的开发效率和代码的可维护性，有必要尽量将第三方依赖更新到最新的版本。下面将差异化运营项目从1.4.7升级到2.3.9的过程分享给大家作为参考。

**安装最新版本**：

"element-ui": "^1.4.7", ---> "element-ui": "^2.3.9",

**修改css引用：**

import 'element-ui/lib/theme-default/index.css' ---> import 'element-ui/lib/theme-chalk/index.css'

启动项目后，console控制台报错及解决办法：

1、

解决办法： 把vue 和 vue-template-compiler 都更新到最新版本

"vue": "2.4.2", ---> "vue": "^2.5.16",

"vue-template-compiler": "2.4.2", ---> "vue-template-compiler": "^2.5.16",

2、

解决办法：全局替换‘scope’ 为‘slot-scope’

3、

解决办法：去掉dialog组件的size属性

对于项目中报错的其他的组件，可采用类似的方法批量解决。