枚举类型
枚举类型是为数不多的特有类型之一,它允许开发者定义一组命名常量,这些常量可以是数字或字符串类型。枚举类型提供了一种方式来组织和管理一组相关的值,使得代码更加清晰和易于理解。
- 数字枚举类型
enum Direction1 {Up = 1, //初始值 1Down, //自增长 2Left, //自增长 3Right, //自增长 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>