Đối tượng nội tuyến với các lớp CSS trong Vue
Đối tượng chứa các lớp CSS có thể được viết
trực tiếp làm giá trị cho thuộc tính
class:
<template>
<p :class="{active: true, error: false}">
text
</p>
</template>
Các lớp có tên chứa dấu gạch ngang cần được đặt trong dấu ngoặc kép:
<template>
<p :class="{active: true, 'has-error': false}">
text
</p>
</template>
Cho đối tượng sau với các lớp CSS:
{active: true, valid: false}
Áp dụng đối tượng này vào một thẻ nào đó.
