/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 vote246 views1 answer
Define var vuejs
Javascript Vue
0 vote229 views2 answers
Vuejs slots events
Javascript Vue
2 votes214 views1 answer
How to run vue js project on different port
Javascript Vue
16 votes419 views4 answers
Vue class add if
Javascript Vue
0 vote205 views1 answer
Vue get window width
Javascript Vue
1 vote202 views1 answer
Vue-resource patch
Javascript Vue
1 vote200 views1 answer
Vue dev server proxy not working
Javascript Vue
2 votes191 views1 answer
Vue local storage delete
Javascript Vue
2 votes214 views2 answers
Add params to url vue
Javascript Vue
0 vote188 views1 answer
Laravel vuejs lang
Javascript Vue