风格指南

该组件所有语法均遵循ES6写法,且由六人小团队集体开发.组件之规范借鉴 vue风格指南

不久之后,我们还会提供操作层面的技巧。有的时候你只需要遵守规则,而我们会尽可能向你展示如何使用 组件 及其它自动化程序把操作层面弄得更简单。

组建数据

组件中的data必须是一个函数 [参考]
错误写法
export default {
 data:{
   foo: 'bar' 
 }
}
正确写法
export default {
  data(){
    return {
      foo: 'bar' 
    }
  }
}

Vue组件命名规则

camelCase(驼峰命名法、帕斯卡)、kebab-case (短横线分隔命名)、或 PascalCase (单词首字母大写命名)。 [参考]

单文件组件驼峰命名

在很多 link-ui 组件中,单词大写开头对于代码编辑器的自动补全最为友好,因为这使得我们在 JS(X) 和模板中引用组件 的方式尽可能的一致。然而,混用文件命名方式有的时候会导致大小写不敏感的文件系统的问题, 这也是横线连接命名同样完全可取的原因。 [参考]