vue + typescript 项目初体验

为期一个月的后台管理项目，在模版的基础上对路由和权限作了必定的更改以适用于业务。

一、业务组件的封装

把操做按钮封装在组件内部，整个按钮做为一个独立组件，在组件内控制当前 dialog 的显示隐藏，各种操做也在组件内完成，对外只需传入一个标识，暴露出一个关闭方法，用于操做完成后更新列表。

二、项目目录结构
单个页面的全部文件置于同一文件夹下，而后在 store 中注册

三、namespace 的使用

四、路由命名：简洁高可读性

五、TS 接口可读性、可维护性、可扩展性（与服务端商议，保持数据结构一致）

六、Proxy代理：将请求的域名指向 “target” 里面的 URL，找到 “pathRewrite” 里面的部分，将其替换成实际须要的部分

七、Jenkins发布：后端配置好 nginx，前端 server 经过 nginx 配置，指向 WebServer

八、权限相关：权限过滤 - 交集，权限匹配

九、自定义指令

十、路由渲染，根据当前产品需求，

十一、全部涉及表单提交的，尽可能使用 element-ui 表单校验。充分利用 form 表单的属性（rules, ref），在使用 this.$refs 时须要先声明

一、组件

·业务组件
    -- 注意自上而下，耦合性
·通用组件
    -- 高度可扩展性

项目完结时间过久，未完待回忆......