项目规范
建议遵循规范进行开发
目录/文件命名
采用短横线+小写字母命名法
例如
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)把数据放一起 方法放一起