vue全局style

Vue.js 提供了一种在应用程序中定义全局样式的方法。要在 Vue.js 中使用全局样式，你可以在你的项目中的任何组件中使用 `<style>` 标签，并将其放置在根组件或者在 `App.vue` 文件中。这样，样式将会应用到整个应用程序。

以下是一个示例：

// App.vue

<template>
  <div id="app">
    <!-- ... -->
  </div>
</template>

<script>
export default {
  // ...
}
</script>

<style>
/* 在这里定义全局样式 */
body {
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
}

/* 可以使用其他选择器来定义其他全局样式 */
a {
  color: blue;
  text-decoration: none;
}

/* ... */
</style>

在上面的示例中，`body` 元素和所有的链接都将应用相应的样式，无论它们在应用程序中的哪个组件中。

请注意，Vue.js 的全局样式只适用于应用程序的组件内部。如果你想要在整个项目中共享样式，你可以使用 CSS 预处理器（如 Sass 或 Less）来定义全局变量和混合器，并通过引入相应的文件来在组件中使用它们。