前端项目中简单数据字典模拟

整体思路

• 创建一个键值对对应的数据文件，并把这个文件暴露出去

  const nameMap = {
  "1": "Jack",
  "2": "Rose",
  "3": "Frank",
  "4": "Lucy"
  }
  //如果创建不止一个，可以用export导出
  export {
  nameMap
  }
  

• 在需要用到字典的地方导入这个数据文件
  import {nameMap } from '@/api/eventdict'
• 这里我用到的数据文件只是做查询，所以在vue的data中声明即可（相当于初始化一个数据列表）

  data(){
        return{
            eventMap
        }
    },
  

• 在展示的地方利用key值，展示对应的value
  <div>eventMap[1]</div> /*Jack*/