如何使用map设置单个元素的样式

const styleMap = {
  color: 'red',
  fontSize: '16px',
  fontWeight: 'bold'
};

function MyComponent() {
  return (
    <div style={{ ...styleMap }}>
      Content
    </div>
  );
}

<template>
  <div :style="{ ...styleMap }">
    Content
  </div>
</template>

<script>
export default {
  data() {
    return {
      styleMap: {
        color: 'red',
        fontSize: '16px',
        fontWeight: 'bold'
      }
    };
  }
};
</script>