JS命名规范

普通JS规范:

• 变量使用小驼峰命令，前缀为形容词(函数前缀为动词)

# 好的命名方式
let maxCount = 10;
let tableTitle = '啦啦啦';
# 不好的命名方式
let setConut = 10;
let getTitle = '啦啦啦';

• 常量使用大写字母和下划线来组合命名，下划线用来分割单词

const MAX_COUNT = 10;
const URL = '//www.huifenqi.com';

• 函数使用小驼峰式命名法，前缀为动词

// 是否可阅读
function canRead() {}
// 获取名称
function getName() {}

• 类使用大写驼峰命名(首字母大写)

class Persion {
  constructor(name) {
   ...
  }
}

let person = new Person('啦啦啦');

• 类成员命名
  公共属性和方法： 跟变量和函数命名一样
  私有属性和方法：前缀为下划线_, 后面跟公共属性和方法一样的命名方式

class Person {
  // 私有属性 
  _name: string;
  constructor() { }

  // 公共方法
  getName() {
    return this._name;
  }
  // 公共方法
  setName(name) {
    this._name = name;
  }
}

Vue命名规范

• import 应置于顶层, 引入组件名遵循大写驼峰式命名法

import ElInput form '***'
import Emitter from '***'

• 组件名和组件vue文件名保持一致，使用大驼峰命名,比如
  HelloWorld.vue
  import HelloWorld from '@/components/HelloWorld'