016.Vue3入门，style属性的几种绑定方法

1、代码如下：

<template>
  <div :style="{color:activeColor,fontSize:fontsize+'px'}">Style绑定1</div>
  <div :style="styleObject">Style绑定2</div>
  <div :style="[styleObject]">Style绑定3</div>
</template>

<script>
export default {
  data() {
    return {
      activeColor: "green",
      fontsize: '30',
      styleObject: {
        color: 'red',
        fontSize: '20px',
      }
    }
  }
}
</script>

<style>
</style>

2、效果如下：