Տեքստի փոփոխում Vue-ում թոգլինգի ժամանակ
Եկեք անենք, որ թոգլինգի ժամանակ կոճակի վրա գրված լինի այն գործողության տեքստը, որը կոճակը կկատարի տվյալ պահին: Դրա համար մեզ անհրաժեշտ է օգտագործել եռակի օպերատորը հետևյալ կերպ.
<template>
<button @click="toggle">
{{ visible ? 'hide' : 'show' }}
</button>
</template>
Տրված են երեք պարբերություն և երեք կոճակ: Անեք, որ յուրաքանչյուր կոճակ թոգլի իր պարբերությունը և այդ ընթացքում փոխի իր տեքստը համապատասխան կերպով: