在uniapp中使用vue3实现显示与隐藏v-show

在 Vue 3 中，使用 `v-show` 和 Vue 2 中的语法相同。你可以像下面这样在组件中使用 `v-show`：

<template>
  <div>
    <button @click="toggleShow">Toggle Show</button>
    <div v-show="show">Content</div>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    const show = ref(true)

    const toggleShow = () => {
      show.value = !show.value
    }

    return {
      show,
      toggleShow
    }
  }
}
</script>

在上面的例子中，我们使用了 `show` 变量来控制 `div` 元素的显示和隐藏。我们在 `setup` 函数中通过 `ref` 创建了一个响应式的 `show` 变量，并定义了一个 `toggleShow` 函数来切换 `show` 的值。在模板中，我们使用 `v-show="show"` 来绑定 `show` 变量到 `div` 元素上，这样当 `show` 的值为 `true` 时，`div` 元素就会显示出来，反之则隐藏。当点击 `Toggle Show` 按钮时，`toggleShow` 函数会被触发，从而切换 `show` 的值，从而实现了显示和隐藏的功能。