v-if v-else

v-if и v-else — это директивы условного рендеринга во Vue.js, которые позволяют показывать или скрывать элементы в зависимости от условий.

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 v-if="isVisible">true</p>  <p v-else>false</p>  <button @click="fn">Кнопка</button></template>