vue 中CSS樣式變量獲取data數據變量

如果幾個div的樣式根據data中的樣式來設置

    <div class="myclass" :style="myStyle">測試1</div>
    <div class="myclass" :style="myStyle">測試2</div>

  props: {
    leftStyle: {
      type: Object,
      default: () => {
        return { background: "red" };
      }
    }
  },
  computed: {
    myStyle() {
      return { "--myStyle": this.leftStyle.background };
    }
  },

<style scoped>
.myclass {
  background: var(--myStyle);
  margin-top:80px;
}
</style>

如果div上本身綁定了一個樣式對象

    <div class="myclass" :style="{...otherStyle,...myStyle}">測試1</div>