Bagaimana cara mengubah gaya komponen setelah dipasang?

Meskipun saya tahu cara mengikat gaya secara dinamis, saya tidak menemukan caranya untuk mengubah gaya suatu elemen setelah dipasang.

Misalnya untuk komponen

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

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

apakah mungkin mengubah color menjadi red di <style>?

Catatan: Saya secara khusus tertarik untuk mengubah gaya dan tidak menggunakan konstruksi seperti <span :class="{color: dynamicColor}">, di mana dynamicColor akan menjadi nilai computed. Hal ini karena gaya yang dimodifikasi ini sebenarnya akan diterapkan ke komponen downstream (<another-component> pada contoh di atas).


person WoJ    schedule 09.11.2017    source sumber
comment
Apa yang ingin Anda capai adalah memodifikasi CSS saat runtime. Lihat beberapa solusi di sini: stackoverflow.com/questions /6998993/ubah-aturan-css-saat-runtime. Vue.JS sendiri tidak menyediakan fungsionalitas khusus untuk ini.   -  person cello    schedule 09.11.2017
comment
Anda dapat memiliki dua kelas CSS dan mengubahnya saja. Apa yang Anda coba lakukan tidak mungkin. Itu berarti mengubah kode Anda.   -  person Peter Matisko    schedule 10.11.2017