vue基础-动态style

1、目标

给标签动态设置style值

2、语法

:style="{style属性名:值}"

示例：

<template>
  <div id="app">

    <div>
      <p :style="{backgroundColor:color}">动态styleclass</p>
    </div>
    
   
  </div>
  
</template>

<script>
export default {
  data(){
    return{
      color:"red"
      
      
    }
    
  }
  
}
</script>