41 lines
1.1 KiB
Plaintext
41 lines
1.1 KiB
Plaintext
##### html开始 ######
|
||
1.class类目格式:连接线格式,例:class-name
|
||
2.双引号
|
||
3.严格缩进,当行不超过100字符
|
||
4.html上尽量不要直接写样式
|
||
5.渲染加空格,例:{{ userName }}建议,{{userName}}不建议
|
||
6.标签属性顺序<div v-指令 key id class ...data disabled event>
|
||
##### html结束 ######
|
||
|
||
##### css开始 ######
|
||
1.使用scss
|
||
2.颜色都用element变量,例:color: var(--el-color-primary);
|
||
##### css结束 ######
|
||
|
||
##### js开始 ######
|
||
1.eslint保存自动更新,跟右键格式化代码以及Prettier可能存在冲突
|
||
2.常量:USER_NAME
|
||
3.变量:userName
|
||
4.方法:todoFun = () => {};
|
||
##### js结束 ######
|
||
|
||
##### 自定义组件事件名称 ######
|
||
@close 关闭
|
||
@show 打开
|
||
@update 更新
|
||
@confirm 提交
|
||
@filterReset 表头过滤器重置
|
||
@filterConfirm 表头过滤器确认
|
||
@settingConfirm 表格列设置确认
|
||
##### 自定义组件事件名称 ######
|
||
|
||
####插槽说明####
|
||
#key:表格列插槽
|
||
#form-key:tableForm插槽
|
||
#search-key:tableSearch插槽
|
||
####插槽说明####
|
||
|
||
####attrs说明####
|
||
:formAttrs:tableForm绑定属性
|
||
:searchAttrs:tableSearch绑定属性
|
||
####attrs说明#### |