將較大的數組賦值<el-table></el-table>時，會導致頁面卡頓，甚至崩潰

遇到的問題：將長度為40的數組數據賦值<el-table></el-table>，我發現loading沒有效果，後面發現是頁面卡住了，loading直接沒有出現。

經過查詢資料，發現<el-table>會有卡頓的問題，看到有的博主推薦使用一款叫umy-ui的插件，我就試了試，發現卡頓的問題解決了。

官網：http://www.umyui.com/umycomponent/installation

安裝：npm i umy-ui

全局註冊：

import UmyUi from 'umy-ui'
import 'umy-ui/lib/theme-chalk/index.css';// 引入樣式
import App from './App.vue';

Vue.use(UmyUi);
     

1. 將el-table換為u-table
2. 將el-table-column換為u-table-column
3. 給el-table加屬性height，給一個固定高可以解決卡頓問題
4. 再加一個use-virtual屬性，虛擬dom

現在添加3000條數據也不會導致頁面卡頓，大愛 umy-ui 插件，我時間看看官網。