Vue에서 토글링 시 텍스트 변경
토글링할 때 버튼에 현재 시점에서 수행할 작업의 텍스트가 표시되도록 만들어 봅시다. 이를 위해 다음과 같이 삼항 연산자를 사용해야 합니다:
<template>
<button @click="toggle">
{{ visible ? 'hide' : 'show' }}
</button>
</template>
세 개의 문단과 세 개의 버튼이 주어져 있습니다. 각 버튼이 해당 문단을 토글하고 동시에 적절하게 자신의 텍스트를 변경하도록 만드세요.
