使用之前
- 使用最新ES2015语法,具体如下:
- 正确使用
const
和let
替代var
- 使用模板字符串
`${this.data}`
- 将工具函数等依赖单独分离,并用
import
导入 - 对象字面量缩写、箭头函数
- 正确使用
- 通用工具集可以在
src/utils/assist
内扩展 - 在
test/routers
内测试组件
组件
命名
- 尽量简单、表意。
- export出的对象使用驼峰命名,比如
Page
、ButtonGroup
- 如组件需要嵌套使用,子组件命名在父组件后加
-item
,比如timeline
及timeline-item
目录
- 组件在目录
src/components/
下,每个组件单独一个目录,目录命名使用小写,入口文件为index.js
,导出组件,再由根入口文件src/index.js
暴露给使用者 - 每个组件的文件名使用小写,但与组件的名称一致,比如
timeline.vue
和timeline-item.vue
属性
- 必须规定
type
或者使用validator
进行验证 - 如果
validator
验证为几个值中的一个,则使用src/utils/assist
内的oneOf
函数验证 - 如果有尺寸的参数
size
,只能使用small
large
,默认是适中,则不用写
事件
命名
- 使用
on-
为前缀,比如on-change
规范
- 使用
$emit
来对外触发事件,而不用$dispatch
和$broadcast
- 嵌套组件之间通信,使用
$parent
和$children
,而不用$emit
,避免使用者错误使用自定义事件
其它
- css前缀使用
ivu-