vue中对枚举的简单理解

465 阅读1分钟
  • 创建一个单独的js文件,在文件中定义项目所需要用的常量数据,并且把常量放到一个集合当中,在vue的main的js中导出文件,可以在项目当中随时调用和遍历

  • 枚举js文件代码示列

 // 枚举值的优点,多文件修改的时候,我们只需要改配置文件内容即可
   export default class User {
        static TRANSFER = 'transfer';
        static EDITUSER = 'edit-user';
        static FORBIDDEN = 'forbidden';
        static ACTIBATION = 'activation';
        //统一放在数组中
        static OPERATION = {
            [User.TRANSFER ]:'移除',
            [User.EDITUSER]:'编辑',
            [User.FORBIDDEN ]:'禁用',
            [User.ACTIBATION ]:'激活'
        }
    }
    
    
    const TRANSFER  = '移除'
    const  EDITUSER  = '编辑'
    const FORBIDDEN  = '禁用'
    const ACTIBATION  = '激活'
    const obj = {
       TRANSFER:TRANSFER,
       EDITUSER :EDITUSER ,
       FORBIDDEN:FORBIDDEN,
       ACTIBATION:ACTIBATION
    }