Vue2 + TypeScript 代码编写规范

1、.vue文件名

全小写英文，多个单词用中横线拼接

最佳方式

scheduling-worker-dialog.vue

scheduling-worker-card.vue

可选方式（大驼峰）

SchedulingWorkerDialog.vue

SchedulingWorkerCard.vue

2、ts文件名

class和interface文件名（大驼峰），并说明什么类型。

功能类型的文件名（小驼峰）

最佳方式

AlarmClass.ts

FormTableInterface.ts

changeLogArray.ts

3、<template>

<>标记和属性使用小写，多个单词用中横线分隔，同.vue文件命名一样

@PropSync的属性命名加Sync后缀;

@Emit方法命名加emit前缀

禁用非特殊情况下加style=""的属性；多半情况只出现在:style需要数据绑定时；

    <dialog-group-create
      v-if="createVisible"
      :visible-sync.sync="createVisible"
      :groups="groups"
      :type="type"
      :style="`top: