Objekt i brendshëm me klasa CSS në Vue

Një objekt me klasa CSS mund të shkruhet drejtpërdrejt si vlerë e atributit class:

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

Klasat, emrat e të cilave përmbajnë vizë, duhet të mbyllen me thonjëza:

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

Është dhënë objekti i mëposhtëm me klasa CSS:

javascript{active: true, valid: false}

Aplikoni këtë objekt në ndonjë tag.