[前端][vue]传值动态样式

场景：

例：根据传过来的色值，动态修改组件内背景色

CSS 变量

在组件跟标签上使用 :style 定义 CSS 变量，可以将 js 中定义的变量赋值到 CSS 变量 中

子组件：

父组件：

效果：