vue + typescript 项目初体验

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

1、业务组件的封装

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

2、项目目录结构
单个页面的所有文件置于同一文件夹下，然后在 store 中注册

3、namespace 的使用

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

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

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

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

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

9、自定义指令

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

11、所有涉及表单提交的，尽量使用 element-ui 表单校验。充分利用 form 表单的属性（rules, ref），在使用 this.$refs 时需要先声明

1、组件

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