v-show

v-show это директива для условного отображения элементов, которая работает через CSS-свойство display.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script setup>import { ref } from 'vue'  const isVisible = ref(true)  function fn() {  isVisible.value = !isVisible.value}</script>  <template>  <p class="text" v-show="isVisible">true</p>  '//' при false text получит display: none  <button @click="fn">Кнопка</button></template>