Получить css свойство элемента vue?

Question

[noevekshen]

Доброго времени суток подскажите как получить css свойство элемента на vue js
например

<div id="test"></div>
<style>
#test{
color:red
}
</style>

на js это делают примерно так
var el = document.getElementById("test");
color = el.style.color;
как это сделать на vue используя ее реактивность то есть при динамичном изменении стиля что бы вью подхватывала

Answer 1

[origami1024]

Самый простой вариант - inline-style

<div id="test" :style="{ color: activeColor }"></div>

activeColor - из props или из data

То есть получать ничего не надо, нужно только задавать.
Часть CSS, которая будет как-то изменятся должна строится на основе данных изначально. А потом эти CSS св-ва ты получаешь не на прямую из css, а из данных, на основании которых св-ва CSS обновляются

Answer 2

[Кирилл Алексеев]

Вопрос неправильный. Реактивность в том и заключается, что вы не "подхватываете" изменения, а связываете какое-то состояние (в данном случае - значение css-свойства color) с реактивной моделью Vue (data, props, computed). И работаете с моделью, а не со стилями. Как вам собственно выше и ответили.

Answer 3

[profesor08]

https://ru.vuejs.org/v2/api/#ref
https://developer.mozilla.org/ru/docs/Web/API/Wind...

Этого достаточно