vue组件父组件向子组件传一个背景颜色和文字颜色样式

可以通过props属性将父组件的样式传递给子组件。具体实现如下：

在父组件中：

<template>
  <div>
    <child-component :bg-color="bgColor" :text-color="textColor"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      bgColor: 'red',
      textColor: 'white'
    }
  }
}
</script>

在子组件中：

<template>
  <div :style="{ backgroundColor: bgColor, color: textColor }">
    子组件内容
  </div>
</template>

<script>
export default {
  props: {
    bgColor: String,
    textColor: String
  }
}
</script>