# Инлайн объект с CSS классами в Vue

Объект с CSS классами можно писать прямо в качестве значения атрибута `class`:

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

Классы, имена которых содержат дефис, необходимо брать в кавычки:

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

Дан следующий объект с CSS классами:

`{active: true, valid: false}`

Примените данный объект к какому-нибудь тегу.

←→
↑