vue + typescript 項目初體驗

爲期一個月的後臺管理項目，在模版的基礎上對路由和權限作了必定的更改以適用於業務。

一、業務組件的封裝

把操做按鈕封裝在組件內部，整個按鈕做爲一個獨立組件，在組件內控制當前 dialog 的顯示隱藏，各種操做也在組件內完成，對外只需傳入一個標識，暴露出一個關閉方法，用於操做完成後更新列表。

二、項目目錄結構
單個頁面的全部文件置於同一文件夾下，而後在 store 中註冊

三、namespace 的使用

四、路由命名：簡潔高可讀性

五、TS 接口可讀性、可維護性、可擴展性（與服務端商議，保持數據結構一致）

六、Proxy代理：將請求的域名指向 「target」 裏面的 URL，找到 「pathRewrite」 裏面的部分，將其替換成實際須要的部分

七、Jenkins發佈：後端配置好 nginx，前端 server 經過 nginx 配置，指向 WebServer

八、權限相關：權限過濾 - 交集，權限匹配

九、自定義指令

十、路由渲染，根據當前產品需求，

十一、全部涉及表單提交的，儘可能使用 element-ui 表單校驗。充分利用 form 表單的屬性（rules, ref），在使用 this.$refs 時須要先聲明

一、組件

·業務組件
    -- 注意自上而下，耦合性
·通用組件
    -- 高度可擴展性

項目完結時間過久，未完待回憶......