vue中sapn设置字体加粗

在Vue.js中，如果你想让文本内容显示为加粗，你可以使用HTML中的`<span>`标签，并结合`:style`属性来动态控制样式。例如：

<span v-bind:class="{ bold: isBold }" :style="{ fontWeight: isBold ? 'bold' : '' }">
  这里是加粗文本
</span>

<script>
export default {
  data() {
    return {
      isBold: false, // 根据需求控制是否加粗
    };
  },
  methods: {
    toggleBold() {
      this.isBold = !this.isBold; // 点击按钮或其他事件时切换加粗状态
    },
  },
};
</script>

在这个例子中，当`isBold`为`true`时，`fontWeight`会被设置为`bold`，文本就会显示为加粗；反之则恢复默认样式。你可以通过点击按钮或者其他逻辑触发`toggleBold()`方法来改变`isBold`的状态。