当用户在vuejs中点击搜索时，如何显示最近的搜索历史结果？

<template>
  <div>
    <input type="text" v-model="keyword">
    <button @click="search">搜索</button>
    <ul>
      <li v-for="history in recentHistory">{{ history }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      keyword: '',
      searchHistory: []
    };
  },
  methods: {
    search() {
      // 将搜索关键字添加到搜索历史记录中
      this.searchHistory.push(this.keyword);
    }
  },
  computed: {
    recentHistory() {
      // 获取最近的搜索历史结果
      return this.searchHistory.slice(-5); // 只显示最近的5条搜索历史记录
    }
  }
};
</script>