Vue是一款流行的JavaScript框架，它可以幫助我們快速構建復雜的應用程序。Vue有很多強大的功能，其中之一就是它允許我們共用CSS。

在Vue中，我們可以通過以下方式共用CSS。

//在組件中引入CSS文件
<template>
<div class="my-component">
<p>This is my component.</p>
</div>
</template>
<script>
import './my-component.css'
export default {
name: 'MyComponent'
}
</script>

在這個例子里，我們在組件中引入了一個名為“my-component.css”的CSS文件。這個CSS文件包含了我們想要應用于這個組件的所有樣式。

如果我們想要在多個組件中共用這個CSS文件，我們可以使用Vue的“mixin”功能。Mixin是一個對象，它可以定義多個組件共享的屬性、方法、生命周期等。

//創建一個名為“my-mixin”的mixin
export const myMixin = {
data() {
return {
message: 'Hello Vue!'
}
},
created() {
console.log('MyMixin created!')
}
};
//在組件中使用mixin
<template>
<div class="my-component">
<p>{{ message }}</p>
</div>
</template>
<script>
import { myMixin } from './my-mixin'
export default {
mixins: [myMixin],
name: 'MyComponent'
}
</script>

在這個例子里，我們定義了一個名為“myMixin”的mixin。然后，在我們的組件中使用mixins選項來引入這個mixin。現在，我們的組件中就可以使用myMixin中定義的所有屬性和生命周期。

總之，在Vue中共用CSS非常容易，無論是通過在組件中引入CSS文件，還是使用mixin來共用多個組件的CSS。