vue 外层div随着条件变换

可以使用 Vue 的条件渲染指令 `v-if` 或 `v-show`，并通过绑定一个变量来控制外层 div 的显示与隐藏。例如：

<template>
  <div>
    <div v-if="condition1">条件1的内容</div>
    <div v-if="condition2">条件2的内容</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      condition1: true,
      condition2: false
    };
  },
  methods: {
    changeCondition() {
      // 在某个方法中改变条件
      this.condition1 = false;
      this.condition2 = true;
    }
  }
};
</script>

在上述代码中，外层的 div 会根据 `condition1` 和 `condition2` 的值来显示不同的内容。通过在某个方法中改变这些条件的值，可以实现外层 div 随着条件变换的效果。