vue2 style行内样式绑定

在Vue2中，你可以使用v-bind指令将样式绑定到HTML元素上。对于行内样式，你可以使用对象语法或数组语法。

1. 对象语法：
你可以在data中定义一个样式对象，然后将其绑定到元素的style属性上。

<template>
  <div :style="myStyleObject">Hello Vue!</div>
</template>

<script>
export default {
  data() {
    return {
      myStyleObject: {
        color: 'red',
        fontSize: '20px'
      }
    }
  }
}
</script>

在这个例子中，div元素的文本颜色将被设置为红色，字体大小为20像素。

2. 数组语法：
你可以使用数组语法将多个样式对象绑定到元素的style属性上。

<template>
  <div :style="[myStyleObject, myOtherStyleObject]">Hello Vue!</div>
</template>

<script>
export default {
  data() {
    return {
      myStyleObject: {
        color: 'red'
      },
      myOtherStyleObject: {
        fontSize: '20px'
      }
    }
  }
}
</script>

在这个例子中，div元素将应用myStyleObject和myOtherStyleObject中定义的样式。

请注意，在绑定样式时，属性名需要使用驼峰命名法（例如fontSize），而不是短横线分隔命名法（例如font-size）。

希望这可以帮助到你！