Vue'da Toggle Sırasında Metni Değiştirme

Toggle işlemi sırasında, düğme üzerinde o anda gerçekleştireceği işlemin yazılı olmasını sağlayalım. Bunun için aşağıdaki gibi bir üçlü operatör kullanmamız gerekir:

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