记 es6 Set去重实现常用菜单

 记 Set 去重 

<template>
  <div>
    <div class="click" v-show="routerpush[0]?.name ?? false">
      <h1>点击过的</h1>
      <div v-for="item in routerpush" :key="item.id">{{ item.name }}</div>
    </div>
    <div class="app">
      <h1>xxxxx</h1>
      <div v-for="item in item" :key="item.id" @click="push(item)">
        {{ item.name }}
      </div>
    </div>
  </div>
</template>

 

<script>
export default {
  data() {
    return {
      routerpush: [],
      arr: [],
      item: [
        {
          name: "预设一",
          id: 11,
          class: "first",
        },
        {
          name: "预设二",
          id: 12,
          class: "second",
        },
        {
          name: "预设三",
          id: 13,
          class: "third",
        },
        {
          name: "预设四",
          id: 14,
          class: "fourth",
        },
      ],
    };
  },
  methods: {
    push(item) {
      this.arr.unshift(item);
      this.routerpush = Array.from(new Set(this.arr));
      console.log(this.routerpush);
    },
  },
};
</script>