Vue 中 v-show 指令的用途是什么？

v-show 是 Vue 中用于条件性地显示或隐藏元素的指令。

v-show 的用途：

1. 条件显示： 根据表达式的真假来控制元素的显示或隐藏。
2. 保留元素： 不会像 v-if 那样销毁和重新创建 DOM 元素，而是通过修改元素的 CSS 样式来控制显示或隐藏。

使用方法：

<template>
  <div>
    <p v-show="isShown">这个元素会根据 isShown 的值来显示或隐藏。</p>
    <button @click="toggleShow">Toggle Show</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShown: true,
    };
  },
  methods: {
    toggleShow() {
      this.isShown = !this.isShown;
    },
  },
};
</script>

特点：

• 当表达式为真时，元素显示；为假时，元素隐藏。
• 控制元素显示或隐藏时，元素仍然存在于 DOM 中，只是通过 CSS 的 display 属性来控制显示或隐藏。
• 在频繁切换元素显示与隐藏的场景中，v-show 可能比 v-if 性能更好，因为 v-if 是销毁和重新创建 DOM 元素。

总体来说，v-show 适合在需要频繁切换元素显示与隐藏的情况下使用，并且在需要保留元素并且需要更好的性能时是一个不错的选择。