Vue3中如何声明字段名为枚举的类型，并详细解释其使用方法？

本文共计738个文字，预计阅读时间需要3分钟。

目录 + Vue3声明字段的命名规范 + 下面是Type的枚举声明，共6个字段 + Vue使用提升之枚举应用 + 方式一（适用于简易过滤器中） + 方式二（过滤器，循环列表） + Vue3声明字段名为枚举类型 + 下面是Type的枚举声明

目录

• vue3声明字段名为枚举类型
• 下面是Type的枚举声明，共有6个字段
• vue使用提升之"枚举"应用
• 方式一（适用于简易过滤器中）
• 方拾二（过滤器，循环列表）

vue3声明字段名为枚举类型

下面是Type的枚举声明，共有6个字段

enum Type {   primary = "primary",   success = "success",   warning = "warning",   warn = "warn", // warning alias   danger = "danger",   info = "info", }

TypeScript 中声明类型的关键字有两个，interface 和 type，在声明 key 不确定类型的字段时稍有不同。