← 返回目录

第 8 卷

第 8 / 8 卷日期:

value: 1, desc: '禁用'

}, DELETED: {

value: 2, desc: '已删除'

} };

export const EMPLOYEE_ACCOUNT_TYPE = { QQ: {

value: 1, desc: 'QQ登录'

}, WECHAT: {

value: 2, desc: '微信登录'

}, DINGDING: {

value: 3, desc: '钉钉登录'

}, USERNAME: {

value: 4, desc: '用户名密码登录'

} };

export default { EMPLOYEE_STATUS,

EMPLOYEE_ACCOUNT_TYPE };

  1. router 与 store 目录

这两个目录一定要将业务进行拆分,不能放到一个 js 文件里。

router 尽量按照 views 中的结构保持一致

store 按照业务进行拆分不同的 js 文件

  1. views 目录

命名要与后端、router、api 等保持一致 components 中组件要使用 PascalCase 规则

|||-- role-add.vuerole新建页面
|||-- role-update.vuerole更新页面
|||-- index.lessrole模块样式
|||-- componentsrole模块通用组件文件夹
||| |-- role-header.vuerole头部组件
||| |-- role-modal.vuerole弹出框组件
||-- employeeemployee模块
||-- behavior-log行为日志log模块
||-- code-generator代码生成器模块

2.2.4 注释说明

整理必须加注释的地方

公共组件使用说明 api 目录的接口 js 文件必须加注释

store 中的 state, mutation, action 等必须加注释 vue 文件中的 template 必须加注释,若文件较大添加 start end 注释

vue 文件的 methods,每个 method 必须添加注释 vue 文件的 data, 非常见单词要加注释

2.2.5 其他

  1. 尽量不要手动操作 DOM

因使用 vue 框架,所以在项目开发中尽量使用 vue 的数据驱动更新 DOM,尽量(不到万不得已)不要手动操作 DOM,包括:增删改 dom 元素、以及更改样式、添加事件等。

  1. 删除无用代码

因使用了 git/svn 等代码版本工具,对于无用代码必须及时删除,例如:一些调试的 console 语句、无用的弃用功能代码。

全站分卷索引 · 8 卷
  1. 1第 1 卷
  2. 2第 2 卷
  3. 3第 3 卷
  4. 4第 4 卷
  5. 5第 5 卷
  6. 6第 6 卷
  7. 7第 7 卷
  8. 8第 8 卷