typescript 枚举类型

枚举类型

枚举类型是为数不多的特有类型之一，它允许开发者定义一组命名常量，这些常量可以是数字或字符串类型。枚举类型提供了一种方式来组织和管理一组相关的值，使得代码更加清晰和易于理解。

• 数字枚举类型

enum Direction1 {
  Up = 1, //初始值 1
  Down, //自增长 2
  Left, //自增长 3
  Right, //自增长 4
}

• 字符串枚举类型

enum Direction2 {
  Up = 'UP',
  Down = 'DOWN',
  Left = 'LEFT',
  Right = 'RIGHT',
}

• 使用枚举类型

src目录下新建 enums文件夹 \index.ts

//支付方式枚举
export enum payMethod {
  Wechat = 0,
  Alipay = 1,
  Unionpay = 2,
  Score = 3,
  Cash = 4,
}

组件中使用

import { payMethod } from '@/enums';
import { ref } from 'vue';

// 这里用做类型
const paymentMethod = ref<payMethod>();

//这里用做值
<button @click="paymentMethod(payMethod.Wechat)">微信支付</button>
<button @click="paymentMethod(payMethod.Alipay)">支付宝</button>