在Vue中全局引入CSS可以使我們的頁面更加美觀和易于維護。Vue是一個流行的JavaScript框架，可以幫助我們構建響應式、動態(tài)的Web應用程序。CSS是一種用于樣式設計的樣式語言，可以幫助我們創(chuàng)建漂亮的外觀和布局。

在Vue中，我們可以使用Vue Router來管理路由，也可以使用Vuex來管理應用程序的狀態(tài)。然而，有時候我們需要將CSS文件引入到Vue應用程序中，以便在整個頁面中應用樣式。

要全局引入CSS，我們可以使用Vue的指令`import`。`import`指令可以將CSS文件導入到Vue應用程序的全局上下文中，而不需要在單獨的CSS文件中設置樣式。

以下是一個使用`import`指令全局引入CSS的示例代碼：

```html

<template>

<div>

<div v-for="(item, index) in items" :key="index">

<div class="item">{{ item.name }}</div>

</div>

</div>

</template>

<script>

import item1 from '@/components/item1.vue'

import item2 from '@/components/item2.vue'

export default {

name: 'App',

components: {

item1,

item2

data() {

return {

items: [

{ name: 'item1' },

{ name: 'item2' }

]

}

</script>

在這個示例中，`import item1 from '@/components/item1.vue'`指令將CSS文件`@/components/item1.vue`導入到Vue應用程序的全局上下文中，然后通過`export default`指令將這個組件導出。

接下來，`import item2 from '@/components/item2.vue'`指令將CSS文件`@/components/item2.vue`導入到Vue應用程序的全局上下文中，然后通過`export default`指令將這個組件導出。

這樣，整個Vue應用程序都可以使用`item1`和`item2`組件中的樣式。

需要注意的是，`import`指令只有在模板中使用才能導入CSS文件。在組件代碼中，我們可以直接使用CSS文件，而不需要使用`import`指令。

總之，在Vue中全局引入CSS可以使我們的頁面更加美觀和易于維護。使用`import`指令，我們可以方便地導入CSS文件，并在整個應用程序中使用它們。