/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

1 vote319 views1 answer
Npm font awesome vue
Javascript Vue
0 vote296 views1 answer
How to pass a parameter to Vue @click event handler
Javascript Vue
0 vote311 views2 answers
Vue on page link or anchor
Javascript Vue
3 votes315 views2 answers
Vue fetch api
Javascript Vue
0 vote332 views1 answer
VueProduction
Javascript Vue
0 vote307 views1 answer
Vue store access state in actions
Javascript Vue
0 vote319 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
0 vote293 views1 answer
Vue rails turbolink don't load
Javascript Vue
0 vote312 views1 answer
Vue in flast does't work
Javascript Vue
0 vote304 views2 answers
Flask vue.js not working
Javascript Vue