element ui 1.4 升級到 2.0.11

公司的框架 選取的是 花褲衩大神開源的 基於 element ui + Vue 的後臺管理項目， 項目源碼就不公開了，記錄 分享下 步驟

1. 卸載 element ui 1.4的依賴包

　　

2. 卸載完成後， 從新安裝 element ui 2.x 以上版本的依賴包

　　

3. 更改 項目文件 main.js 中 引入的樣式文件 路徑

　　

*************************************** 網上帖子不少到這一步就完結了， 我也是到這裏去嘗試 npm run dev 試下項目， 發現不少報錯..

這裏的緣由是 element ui 2.x 裏面新增了不少依賴 vue 新版本的標籤或者特性?   這裏須要相應升級 vue 依賴包， 

 直接 打開 項目文件的 package.json  .. 這裏有兩個地方要更改

 4. vue 的版本 2.5.3 以上，  

 

5. vue-template-compiler 相應須要 2.5.13 

到這裏也注意一下 vue-loader 是否在 10.0.0 以上， 中間我報錯幾回..

到這一步後， 從新 npm install 安裝， 可能會出現安裝了 可是仍是報版本錯誤， 這裏須要 npm update 一下，

完成後， 能夠 npm run dev 開始運行了，

運行起來後,   F12 打開控制檯會看到不少 黃色的 warning字段，  是提醒 2.x中 scope="scope" 已經廢止， 更改爲 slot-scope="scope" 而且不鹹魚 <template>標籤使用,

固然, 還有一些其它的 警告 ， 好比 Dialog 對話框的 size 屬性是廢止了， 更換成 width 默認值是  50%..