代码优化重构设计思路

1.页面组件分块拆分，使用js纯函数页面减少处理逻辑2.请求封装大部分不需要code，个别code值单独处理，例如：··1）增加回调函数，code处理结果返回··2）请求增加特殊传值，接口返回结果不处理全部返回3.vuex异步模块化，个别接口请求处理放入vuex中,例：购物车的增删改查等4.关键或复杂逻辑注释清晰...

雨化

461人浏览 · 2022-01-18 20:13:51

雨化 · 2022-01-18 20:13:51 发布

1.页面组件分块拆分，使用js纯函数页面减少处理逻辑
2.拆分的组件，传值枚举处理完，应留插槽让使用者自定义
3.请求封装大部分不需要code，个别code值单独处理，例如：
··1）增加回调函数，code处理结果返回
··2）请求增加特殊传值，接口返回结果不处理全部返回
4.防止请求域名不一致，函数应留域名参数，如：上传文件请求域名
5.vuex异步模块化，个别接口请求处理放入vuex中,例：购物车的增删改查等
6.关键或复杂逻辑注释清晰

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^