数据库里建设好的网站为什么外网进不去网站推广普通话主题手抄报图片大全

简言

有的时候，我们想在vue模板中直接使用枚举类型的值，来做一些判断。

ts枚举

枚举允许开发人员定义一组命名常量。使用枚举可以更容易地记录意图，或创建一组不同的情况。TypeScript 提供了基于数字和字符串的枚举。
枚举的定义这里不说了，都知道是使用enum关键词创建的，用来表示一组不同值的数据。
例如：一个审核状态有审核中、审核失败、审核成功等状态，这个使用就可以使用枚举来表示这些审核状态。

enum Status {pending,	//	等待 0fail,	//	失败 1success,	//成功 2	
}

ts文件中使用

在ts文件中，我们可以使用这个枚举类型，可以当作类型来约束其他变量，也可以直接调用枚举中的某项值来使用。

enum Status {pending,	//	等待 0fail,	//	失败 1success,	//成功 2	
}
const status:Status = 0if(status === Status.fail){
console.log('fail')
}

vue模板文件中使用

vue文件模板中不能像ts中那样直接使用枚举，你需要将枚举类型赋值到vue文件的data里面。

使用一个响应式变量转接之后，我们打印下就会发现这个变量的值：

这样我们使用这个响应式变量就能达到和枚举相同的结果。

如果你使用的是组合式（带setup的），就不需要这样，可以直接在模板中使用枚举类型

结语

结束了。