Skip to content

项目规范

建议遵循规范进行开发

目录/文件命名

采用短横线+小写字母命名法 例如

  • user-login.vue
  • user-list.vue
  • image-upload.vue
  • my-custom-component.vue

代码风格

使用ESLint插件进行代码风格检查

默认已经自带配置 能够自动修复大部分错误

设计规范

参考Ant Design 设计规范 地址

写法规范

WARNING

以下只是写法建议 不会对代码功能造成影响

使用 setup 写法不要像 v2(options)把 ref 放上面 方法放下面了!!!

ts
错误写法;
const data1 = ref();
const data2 = ref();
const data3 = ref();

const methods1 = () => {};
const methods2 = () => {};
const methods3 = () => {};

正确写法;
const data1 = ref();
const methods1 = () => {};

const data2 = ref();
const methods2 = () => {};

const data3 = ref();
const methods3 = () => {};

详见: 更灵活的代码组织

setup 更建议把相关的数据/方法放一起,而不是像 v2(options)把数据放一起 方法放一起