vue <style>

在 Vue 中，可以使用 `<style>` 标签来定义组件的样式。您可以在单个组件中定义样式，也可以使用全局样式。以下是一些示例代码：

1. 定义单个组件的样式：

<template>
  <div class="my-component">
    <h1>{{ message }}</h1>
  </div>
</template>

<style scoped>
.my-component {
  background-color: #f2f2f2;
  padding: 20px;
}
h1 {
  color: blue;
}
</style>

在上面的代码中，我们使用了 `scoped` 属性来限制样式只适用于当前组件。

2. 定义全局样式：

您可以在 `main.js` 文件中导入一个样式文件，并在全局样式中使用它，例如：

// main.js
import './assets/styles/global.css';

// global.css
body {
  font-family: 'Open Sans', sans-serif;
  background-color: #f2f2f2;
}

这将应用于您的应用程序的所有组件。