【Vue3】四象前端开发规范
# 一、组件 - 文件/文件夹命名：大驼峰。如果是文件夹，内部使用 index.vue - class 命名：cp-<命名>-container。如组件未 'DemoList' -> 'cp-demo-list-container' / 'cp-demoList-container' - 内部 emit 方法使用 emit 开头，父级方法使用 get 开头，主体业务命名相同。如：emitDemoList -> getDemoList # 二、hooks，定义至对应页面目录，暴露实列供外部使用 - 页面 hook 定义：使用 index - 组件 hook 定义：使用 use\* - 命名：use 开头 - 内部：暴露定义的所有 ref -> _Refs, reactive -> Reactives_, methods -> \*Methods - ref 变量定义使用 ref 开头，如：const refList = ref<string[]>([]) - reactive 变量定义使用 ret 开头，如：const retPerson = reactive<{age: string}>({ age: 20 }) - 一般方法命名使用 handle 开头，如：handleChangeStatus 【父级 emit 方法除外】  # 三、css 样式 - 提取为外部文件 index.scss，在 script 引入 # 四、Git 仓库使用规范（务必阅读查看） http://192.168.2.34:10086/project-11/doc-147/ # 五、初始化 - 仓库设置：npm config set registry=https://registry.npmmirror.com/ - 安装nvm对node进行node管理
手机扫码
复制链接
手机扫一扫转发分享
复制链接
Markdown文件
分享
链接
类型
密码
更新密码