Nhóm điều kiện trong Vue
Đôi khi chúng ta cần áp dụng một điều kiện lên một nhóm các thẻ cùng lúc. Trong trường hợp này, chúng ta có thể gom chúng lại bằng một phần tử cha chung và áp dụng điều kiện lên nó:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Đôi khi chúng ta không muốn gom các thẻ lại
bằng một phần tử cha chung. Trong trường hợp này,
chúng có thể được gom lại bằng thẻ template.
Thẻ này nhóm các thẻ khác lại,
nhưng không xuất hiện trong HTML kết quả.
Hãy áp dụng điều kiện lên thẻ này:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Giả sử bạn có ba đoạn văn và một nút bấm. Hãy làm sao để khi nhấn vào nút, các đoạn văn này bị ẩn đi.
