umi官網 :https://umijs.org/ 支付寶當家大牛雲謙搞得框架,不用自己配webpack babel那一堆煩人的東西。而且它約定了路由的規則。非常簡單容易上手。
mobx 的官網:https://cn.mobx.js.org/ 用mobx而不用dva主要是因為 dva的state是一個對象,項目過大對象會巨長 ,而mobx則更靈活。本項目中主要用到了mobx 的如下api
項目目錄結構:
所有的組件都在pages這個文件夾下。
下面簡單貼一些 組件 store model 之間的關系圖
首先是組件:
store:
store對應的model
ioc.ts