Տեքստի փոփոխում Vue-ում թոգլինգի ժամանակ

Եկեք անենք, որ թոգլինգի ժամանակ կոճակի վրա գրված լինի այն գործողության տեքստը, որը կոճակը կկատարի տվյալ պահին: Դրա համար մեզ անհրաժեշտ է օգտագործել եռակի օպերատորը հետևյալ կերպ.

html<template>
  <button @click="toggle">
    {{ visible ? 'hide' : 'show' }}
  </button>
</template>