vue 中 如何动态修改css样式内容

可以使用Vue中的绑定语法来动态修改CSS样式内容。具体步骤如下：

1. 在Vue的data中定义需要修改的CSS属性及其初始值。
2. 使用v-bind指令将CSS属性绑定到Vue实例中。
3. 在需要修改CSS属性的方法中，通过改变Vue实例中对应属性的值来动态修改CSS。

示例代码：

<template>
  <div :style="{ backgroundColor: bgColor, fontSize: fontSize + 'px' }">
    Vue Component
  </div>
</template>

<script>
export default {
  data() {
    return {
      bgColor: '#fff', // 定义背景色属性
      fontSize: 16 // 定义字体大小属性
    };
  },
  methods: {
    changeStyle() {
      this.bgColor = '#f00'; // 修改背景色为红色
      this.fontSize = 24; // 修改字体大小为24px
    }
  }
};
</script>

在上述示例中，使用了v-bind指令将backgroundColor和fontSize属性绑定到Vue实例中的bgColor和fontSize属性。在changeStyle方法中，通过修改Vue实例中的bgColor和fontSize属性的值来动态改变CSS样式。