用对象字面量或Map替代Switch/if语句

用对象字面量或Map替代Switch/if语句

<template>
  <div class="wrapper">
    <h3>
     用对象字面量或Map替代Switch/if语句
    </h3>
  </div>
</template>
<script>
export default {
  name: "Table",

  data() {
    return {};
  },
  methods: {
    toChange1(color) {
      // use switch case to find yours
      switch (color) {
        case "red":
          return ["apple", "strawberry"];
        case "yellow":
          return ["banana", "pineapple"];
        case "purple":
          return ["grape", "plum"];
        default:
          return [];
      }
    },
    toChange2(color) {
      const fruitColor = {
        red: ["apple", "strawberry"],
        yellow: ["banana", "pineapple"],
        purple: ["grape", "plum"],
      };
      const data = fruitColor[color] || [];
      return data;
    },