การเปลี่ยนข้อความเมื่อ Toggling ใน Vue

มาทำให้ปุ่มแสดงข้อความของการดำเนินการ ที่มันจะทำในขณะนั้นเมื่อมีการ toggle กัน เพื่อทำเช่นนี้ เราจำเป็นต้องใช้ ตัวดำเนินการ ternary ดังต่อไปนี้:

html<template>
  <button @click="toggle">
    {{ visible ? 'ซ่อน' : 'แสดง' }}
  </button>
</template>