Schimbarea textului la toggle în Vue
Haideți să facem astfel încât la toggle pe buton să fie scris textul acelei operații, pe care butonul o va executa în acest moment. Pentru aceasta este necesar să folosim operatorul ternar în felul următor:
<template>
<button @click="toggle">
{{ visible ? 'hide' : 'show' }}
</button>
</template>
Sunt date trei paragrafe și trei butoane. Faceți astfel încât fiecare buton să toggle-ui propriul paragraf și în același timp să-și modifice textul în mod corespunzător.