Vue3 ：style的使用

在Vue3中，我们可以使用`<style>`标签来定义组件的样式。在单文件组件中，我们可以使用`<style scoped>`标签来使得样式仅对当前组件生效。

以下是一个简单的示例：

<template>
  <div class="my-component">Hello World</div>
</template>

<script>
export default {
  name: 'MyComponent'
}
</script>

<style scoped>
.my-component {
  color: red;
}
</style>

在上面的代码中，我们定义了一个`MyComponent`组件，并在`<style scoped>`标签中定义了`.my-component`类的样式，这样样式只会应用在该组件中。

如果要定义全局样式，则不需要使用`scoped`属性，如下所示：

<style>
body {
  background-color: #f0f0f0;
}
</style>

希望这能帮助到你。