用vue实现一个内容显示或隐藏的功能。要求：1.点击按钮可以将内容隐藏，并将隐藏的内容保存在一个数组当中，2.可以查看隐藏的内容

好的，下面是一个简单的实现：

<template>
  <div>
    <button @click="toggleContent">{{ showContent ? '隐藏内容' : '显示内容' }}</button>
    <div v-if="showContent">
      <p>这是要显示的内容</p>
    </div>
    <div v-if="hiddenContent.length > 0">
      <p>以下是已隐藏的内容：</p>
      <ul>
        <li v-for="content in hiddenContent" :key="content">{{ content }}</li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showContent: true,
      hiddenContent: []
    }
  },
  methods: {
    toggleContent() {
      this.showContent = !this.showContent
      if (!this.showContent) {
        this.hiddenContent.push('这是要隐藏的内容')
      }
    }
  }
}
</script>

这里使用了一个 `showContent` 变量来控制内容的显示和隐藏，点击按钮切换这个变量的值，并将要隐藏的内容添加到 `hiddenContent` 数组中。当 `hiddenContent` 数组不为空时，会显示已经隐藏的内容列表。