Thay đổi văn bản khi toggle trong Vue
Hãy làm sao cho khi toggle, trên nút sẽ hiển thị văn bản của thao tác mà nút sẽ thực hiện vào thời điểm hiện tại. Để làm điều này, chúng ta cần sử dụng toán tử ba ngôi như sau:
<template>
<button @click="toggle">
{{ visible ? 'hide' : 'show' }}
</button>
</template>
Có ba đoạn văn và ba nút. Hãy làm sao cho mỗi nút toggle đoạn văn tương ứng và đồng thời thay đổi văn bản của nó một cách phù hợp.