<!--普通style-->
1、演示HTML主體結構
<div class="header" ref="mycolor" @click="func">
<div class="header-info"></div>
</div>
2、首先作用區域范圍內設置“CSS變量”
<style>/*在header區域內設置 CSS變量--bccolor */
.header {
--bcColor: #ffffff;
}
/*在子元素中使用該變量*/
.header-info
background-color :var(--bcColor);
</style>
3、在JS中通過setProperty()方法修改“--bcColor”的值，從而間接改變對應子元素的（background-color）背景顏色
<script>
methods:{
func () {
this.$refs.mycolor.style.setProperty("--bcColor",'white');
}
}
</script>
另一種方式實現動態改變style中元素背景圖
例：項目中循環從接口拿來的背景圖片路徑
