Vue 動態改變css 屬性 ——顏色、陰影

在div中 使用 :style="{'屬性':值}"  的格式進行動態設置css的屬性

  <template>
    <div class="courseitem">
      <div class="color" :style="{'background':examClolr ,'box-shadow': examShadow }"></div>
    </div>
  </template>

<script>
export default {
  props: {
    examClolr: String,
    examShadow: String
  },
  data: function() {
    return {};
  }
};
</script>