vue3寫業務歸納

權限業務，角色管理業務，權限規則業務實現，有可復用分頁，輸入頁碼跳轉，loading功能，表單增刪改查，對話框，

分析業務界面:

角色管理

權限管理

權限規則管理

用戶管理

插件安裝:Element Plus + vue-table-3 + vue-final-modal + vue-formily + nprogress

npm install vxe-table@next xe-utils vue-final-modal @formily/vue


cd src
mkdir -p types service store/module
touch types/permission.ts types/role.ts types/rule.ts
touch services/permission.ts services/role.ts services/rule.ts
touch store/modules/permission.ts store/modules/role.ts store/modules/rule.ts

這里我剛開始的時候以為interface是跟Java的靜態類型差不多，但是后來發現，ts是沒有對象類型的，這玩意叫結構約定，不占內存

后面就是寫service，store，view，component,router。第一個寫出來之后，就是通過第一個慢慢調整layout和main.ts。這樣把整體的架子給搭起來，后續就基本是復用寫好的界面。什么商城啊，學堂啊，會議啊，頭條啊，基本全是這個底子走的。

業務的話，就是看自己的需求，基本上推薦用輪子是最好的，開箱即用。看業務，選擇插件，編寫代碼，調整layout，router，https，main.ts等。基本新版vue3寫業務差不多就這些。