之前接到的一個需求

公司的系統裡邊需要對四個不同的模組都新增一個統計頁面

這個頁面就跟我們常見的後臺管理系統裡的列表頁一模一樣

基本結構都是

　　搜尋條件

　　查詢按鈕

　　資料列表

　　分頁元件

通過觀察四個頁面原型，發現只有搜尋條件和資料列表表頭不一樣

於是想到了通過動態渲染搜尋條件和資料列表表頭

所以寫了四組資料，具體程式碼很簡單，根據不同的路由去判斷顯示哪一組資料，我這邊也是介面方法也寫到了四組資料裡邊

後來經過測試發現一些問題

問題1 因為我是直接用的一個頁面，四個路由都是指向了同一個vue檔案，所以這四個頁面來回切換的時候，頁面並不能意識到路由變了，所以在watch裡邊監聽了一下￥$route這個屬性，另外就是一些資料的初始化了

問題2 因為是四個頁面，四個模組，所以是和四個後端去聯調，，他們給出了不同的資料結構，介面的入參也不同，用了很多的if判斷，這個問題不知道怎麼去解決，個人認為這些判斷可以用更簡潔的方式去處理，或者我這四個模組的頁面從一開始就不對勁，就不應該都指向同一個vue,但因為做完了就沒管，後期維護的話，成本應該較高。