我们会遇到这样一个场景, 系统中有5个角色, A,B,C,D,E 角色值是1,2,3,4,5
因为角色这个变量,在路由里有用到,权限管理中有用到,还有一些业务场景处有用到,我们不能用到的时候
就直接这样写...A角色的代码(当然改变角色值得情况很少,但并不排除)
最后,假如我们现在加了一个角色,那我们快速知道应该修改哪些代码,使业务场景覆盖到这个新的角色
这个角色是不会变的,我们也不允许它们改变, 如果我们使用的是...TS 的可以使用readonly 去修饰 但如果没有使用ts该怎么办那
我们可以借助es6的const这样写
创建一个ROLE.js
/**
* 角色A
*/
export const ROLE_A...export const ROLE_C = 3
/**
* 角色D
*/
export const ROLE_D = 4
/**
* 角色E
*/
export const ROLE_E = 5
在组件或者其他...js中使用时
import * as ROLE from '@/api/ROLE'
在组件中测试一下
mounted() {
console.log(ROLE.ROLE_A)
ROLE.ROLE_A
云服务器
ICP备案
腾讯会议
云直播
对象存储
