Как добавить класс во Vue.JS?

Question

[vetsmen]

Есть данный блок:
<div class="profile"></div
А так же объект, в котором хранится название класса, которое нужно добавить.
Делаю так:
<div class="`profile ${userdata.auth_service}`">
Однако Vue обрабатывает не как переменную, а как сам класс

Почему? Ведь с тегом href такая вставка переменных работает. И как можно выйти из этой ситуации?

Answer 1

[0xD34F]

<div :class="`profile ${userdata.auth_service}`">

или

<div :class="[ 'profile', userdata.auth_service ]">

или

<div class="profile" :class="userdata.auth_service">

Answer 2

[riot26]

<div :class="'profile' + userdata.auth_service">
Как-то так. v-bind:class или сокращённо :class

Answer 3

[numfin]

"Как читать документацию мимо строк"