Tekstin vaihto toggle-toiminnossa Vue:ssa

Tehdään niin, että toggle-toiminnossa painikkeelle kirjoitetaan teksti siitä operaatiosta, jota painike suorittaa kyseisellä hetkellä. Tätä varten meidän on käytettävä ternary operaattoria seuraavalla tavalla:

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