/Javascript/Vue/Vue js override component css

Vue js override component css

// in CompA (the parent)

<template>
  ...
  <!-- Vue provides built-in class and style props for all comps -->
  <compb class="compb"></compb>  
</template>

<script>
  ...
</script>

<style lang="scss">
  #app .compb .compb-header { 
    color: red; 
  }
</style>

<style lang="scss" scoped>
  ...
</style>

Source: stackoverflow.com

Similar codes

0 vote386 views1 answer
Jsmodule not installed vuejs webstorm
Javascript Vue
3 votes368 views2 answers
Vuex-module-decorators rawError globally
Javascript Vue
1 vote363 views1 answer
How to detect props change in vue
Javascript Vue
0 vote355 views2 answers
Create a vue project from scratch with 2.9.6
Javascript Vue
4 votes367 views1 answer
How to call action from another module vuex
Javascript Vue
0 vote373 views1 answer
Laravel vue js component won't mount
Javascript Vue
29 votes482 views4 answers
Create new project vue
Javascript Vue
0 vote358 views1 answer
Inertia-link vuetify
Javascript Vue
0 vote385 views2 answers
Vue nested loop
Javascript Vue
0 vote363 views1 answer
How to use the onload event n vue js
Javascript Vue