vue-element-admin 4.0.0 正式版發布

v4.0版本正式發布。

重大改變

• 基於 vue-cli@3進行構建

• 調整了項目的目錄結構

  • mock 文件移至根目錄下
  • layout 從 views 文件夾下移至 src 下

• 使用了最新的 eslint-plugin-vue@5，重新格式化了代碼

• 現在可以在不刷新頁面的情況下 remove routes

• 更新了husky@1.3.1

• 增加了 jest 單元測試

• 新增了 npm run preview、 npm run test:uni、 npm run new指令

• 使用了新的 mock 方式，解決了之前 mock 若干問題

• vuex 啟用了 模塊化 namespaced

• 新增了 settings.js，讓 sidebarLogo、fixedHeader、TagsViews 等都可配置

• 新增了 sidebar logo

• 重構了側邊欄 sidebar 代碼邏輯，並且優化了樣式和展開收起動畫，同時讓二級菜單內容過多時支持滾動

• 使用了 async/await 替代了部分 promise 代碼

• 增加了 header-search 組件 #1591

• 增加了 fearure[TagsView]: add affix porperty #1577

• 移除了 tree-table 組件。 element-ui v2.7.0 開始支持tree-table，所以不再獨立維護。

• 增加了權限配置 demo

• 增加了導出多級表頭 excel 的 demo

• feature[Directive]: add auto-height table directive

RoadMap

• 更好的多級頁面的緩存：目前頁面的緩存基於keep-alive，但當三級路由嵌套的情況下，支持的並不好。之後探索一個更好的解決方案。
• 單元測試：當項目大了之後，沒有單元測試維護起來還是有些吃力的。
  之後會慢慢補上 unit-test 的測試用例。 酌情加上一些e2e-test的例子。
• 去國際化：其實大部分人是不需要國際化的，默認情況下移除國際化。單獨開一個國際化分支。
• 適配 webpack5：webpack5 還是解決了不少之前的痛點的，正式版發布之後會進行升級
• vue 3.0： 等官方發布之後會基於新版本進行重構

---

The v4.0 version was officially released.

Breaking Changes

• Build based on vue-cli@3

• Adjusted the directory structure

  • Mock file move to root directory
  • Layout from the views folder to src

• Reformatted the code with the latest eslint-plugin-vue@5

• You can now remove routes without refreshing the page.

• Updated husky@1.3.1

• Added jest unit test

• Added npm run preview, npm run test:uni, npm run new directive

• Using the new mock method, solved some problems with the previous mock

• vuex use namespaced

• Added settings.js to make sidebarLogo, fixedHeader, TagsViews, etc. configurable

• Add sidebar logo

• Refactored the sidebar code logic and optimized the style and unfolding the animation

• Use Async/await

• Add header-search #1591

• Add fearure[TagsView]: add affix porperty #1577

• Remove tree-table. element-ui v2.7.0 started to support tree-table, so it is no longer maintained independently.

• Added permission configuration demohttps://github.com/PanJiaChen/vue-element-admin/commit/c963f56686b9731a517a17c4d562bc3da0fa3771

• Added demo to export multi-level header excel

• feature[Directive]: add auto-height table directive #1702 (by @yuntao1997 )

RoadMap

• Better multi-level page caching: The current page cache is based on keep-alive, but when the three-level routing is nested, the support is not good. Then explore a better solution.
• Unit testing: When the project is big, it is still a little difficult to maintain without unit testing.
  The unit-test test case will be added slowly. Add some examples of e2e-test as appropriate.
• Remove i18n: In fact, most people do not need to be i18n. Open a i18n branch separately.
• Adapting webpack5: webpack5 still solves a lot of pain points before, the upgrade will be upgraded after the official version is released.
• vue 3.0： vue 3.0: Refactoring based on the new version after official release