Thuộc tính class trong framework Vue

Làm việc với thuộc tính class được thực hiện thông qua chỉ thị v-bind hoặc dạng rút gọn của nó. Hãy cùng xem xét trong thực tế. Giả sử trong thuộc tính str lưu trữ các lớp CSS của thẻ, được phân tách bằng dấu cách:

javascriptdata() {
  return {
    str: 'active valid',
  }
}

Hãy thêm các lớp CSS này vào một thẻ bất kỳ:

App.vue<template>
  <p :class="str">text</p>
</template>