Inlyn objek met CSS-klasse in Vue

'n Objek met CSS-klasse kan reguit geskryf word as die waarde van die kenmerk class:

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

Klasse waarvan die name 'n koppelteken bevat, moet tussen aanhalingstekens geplaas word:

App.vue<template>
  <p :class="{active: true, 'has-error': false}">
    teks
  </p>
</template>
Задание 1

Die volgende objek met CSS-klasse word gegee:

javascript{active: true, valid: false}

Pas hierdie objek toe op 'n enige etiket.