# Атрибут class в фреймворке Vue

Работа с атрибутом `class` происходит через директиву `v-bind` или ее сокращенную форму. Давайте посмотрим на практике. Пусть в свойстве `str` хранятся CSS классы тега, разделенные пробелами:

`data() { return { str: 'active valid', } }`

Добавим эти CSS классы в какой-нибудь тег:

`<template> <p :class="str">text</p> </template>`

Дан абзац. Дано свойство `cssClasses`, в котором записаны некоторые CSS классы. Добавьте эти классы к нашему абзацу.

← →
↑