Điều kiện phức tạp trong Vue

Trong chỉ thị v-if, bạn có thể tạo các điều kiện phức tạp hơn. Ví dụ, giả sử trong thuộc tính num có thể là một trong các số 1, 2 hoặc 3:

data() {
	return {
		num: 3, // giả sử hiện tại là 3
	}
}

Bây giờ hãy tạo ba đoạn văn, trong đó chỉ một đoạn sẽ được hiển thị tùy thuộc vào giá trị của thuộc tính num:

<template>
	<p v-if="num === 1">một</p>
	<p v-if="num === 2">hai</p>
	<p v-if="num === 3">ba</p>
</template>

Bạn cũng có thể tạo các điều kiện phức tạp hơn:

<template>
	<p v-if="num === 1 || num === 3">
		một hoặc ba
	</p>
</template>

Cho một thuộc tính day, trong đó ghi lại ngày trong tuần hiện tại. Giả sử bạn có bảy đoạn văn, trong mỗi đoạn ghi tên của một ngày trong tuần. Hãy làm sao để trên màn hình chỉ thấy đoạn văn chứa tên của ngày trong tuần hiện tại.