Как изменить стиль компонента после его монтирования?

Хотя я знаю, как динамически связывать стили, я не нашел способа чтобы изменить стиль элемента после его монтирования.

Например, для компонента

<template>
  <div>
    <another-component></another-component>
  </div>
</template>

<style>
  .class-defined-in-another-component {
    color: blue;
  }
</style>

можно ли изменить color на red в <style>?

Примечание. Меня особенно интересует изменение стиля и отказ от использования такой конструкции, как <span :class="{color: dynamicColor}">, где dynamicColor будет значением computed. Это связано с тем, что этот измененный стиль будет фактически применяться к нижестоящим компонентам (<another-component> в приведенном выше примере).


person WoJ    schedule 09.11.2017    source источник
comment
Чего вы пытаетесь достичь, так это изменить CSS во время выполнения. Посмотрите здесь некоторые решения: stackoverflow.com/questions /6998993/change-css-правило во время выполнения. Сам Vue.JS не предоставляет для этого никаких специальных функций.   -  person cello    schedule 09.11.2017
comment
Вы можете иметь два класса CSS и просто изменить их. То, что вы пытаетесь сделать, невозможно. Это означало бы изменение вашего кода.   -  person Peter Matisko    schedule 10.11.2017