小编Arm*_*min的帖子

我很好奇，Vue.js 中可以绑定内联样式吗？我熟悉类绑定，但是如果有时出于某种原因您想内联绑定样式语句，是否可以像使用类一样绑定它？

例如，：

<template>
  <div>
      <h1 :style="{('background:red') : condition}"> Text </h1>
      <button @click='condition = true'>Click me</button>
  </div>
</template>

<script> 
export default {
  data(){
   return {
   condition:false 
          }
         }
   }
</script>

在上面的示例中，我想在条件为真时更改元素的背景。