Att växla element i Vue
Låt oss nu skapa en knapp som
växlar ett stycke, det vill säga visar
det vid första klicket och döljer
det vid andra klicket. För att göra detta kommer vi
att anropa metoden
toggle vid klick
på knappen:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
I metodens kod kommer vi att behöva ta
värdet av egenskapen visible
och invertera det till dess
motsats:
toggle: function() {
this.visible = !this.visible;
}
Det finns tre stycken och tre knappar. Gör så att varje knapp växlar sitt eget stycke.
