如何在Vuejs中切换网格和列表视图中的项目？

data() {
  return {
    isGrid: false
  }
}

<template>
  <div>
    <button @click="isGrid = !isGrid">切换视图</button>
    
    <!-- 网格视图 -->
    <div v-if="isGrid" class="grid-view">
      <!-- 网格布局的内容 -->
    </div>
    
    <!-- 列表视图 -->
    <div v-else class="list-view">
      <!-- 列表布局的内容 -->
    </div>
  </div>
</template>

<style>
  .grid-view {
    /* 网格视图的样式 */
  }
  
  .list-view {
    /* 列表视图的样式 */
  }
</style>