การใช้ออบเจ็กต์คลาส CSS แบบอินไลน์ใน Vue

สามารถเขียนออบเจ็กต์ที่มีคลาส CSS เป็นค่าของแอตทริบิวต์ class โดยตรงได้:

App.vue<template>
  <p :class="{active: true, error: false}">
    text
  </p>
</template>

คลาสที่มีชื่อที่มีเครื่องหมายยัติภัง จำเป็นต้องใส่เครื่องหมายคำพูด:

App.vue<template>
  <p :class="{active: true, 'has-error': false}">
    text
  </p>
</template>

javascript{active: true, valid: false}