vue 通过判断数组长度控制收起与展开

内容的代码应该怎么写？

你可以这样写：

<template>
  <div>
    <button @click="isCollapse = !isCollapse">
      {{ isCollapse ? '展开' : '收起' }}
    </button>
    <ul v-show="!isCollapse">
      <li v-for="(item, index) in list" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isCollapse: true,
      list: ['item1', 'item2', 'item3']
    }
  }
}
</script>