Реактивни услов у Vue-у

Хајде да учинимо да услов буде реактиван. На пример, учинимо да се елемент сакрије при клику на дугме. Претпоставимо да имамо следећи пасус:

<template>
	<p v-if="visible">текст</p>
</template>

Учинимо да наш пасус у почетку буде приказан:

data() {
	return {
		visible: true,
	}
}

Направимо сада дугме, при клику на које ће пасус бити сакривен:

<template>
	<button @click="hide">сакриј</button>
	<p v-if="visible">текст</p>
</template>

Везана метода ће променити својство visible у false, чиме ће наш пасус бити сакривен:

methods: {
	hide: function() {
		this.visible = false;
	}
}

Дати су пасус и дугме. Нека пасус у почетку буде сакривен. Направите дугме које ће приказати пасус.

Дати су пасус и два дугмета. Нека прво дугме прикаже пасус, а друго - сакрије га.

Модификујте претходни задатак тако да на екрану увек буде видљиво само једно дугме: ако је пасус приказан, онда дугме за сакривање, а ако је сакривен - онда дугме за приказ.