VueJS 覆盖components的CSS方法

遇到了一个问题需要覆盖组件的CSS。但是如果直接同名写是没办法改的。

所以要加一个Class类似下面这种做法。

<template>
  <div class="wrapper">
    <comp-b>...</comp-b>
  </div>
</template>

<script>
import CompB from 'xxx/CompB'

export default {
  components: {
    CompB
  }
}
</script>

<style>
  .wrapper .compb-header {
    color: red;
  }
</style>