vue引入css文件

在Vue中引入CSS文件非常简单，只需使用`import`语句将CSS文件导入即可。

有两种方式可以完成CSS文件的引入：

1. 全局引入：

在`main.js`文件中，使用`import`语句引入CSS文件，然后使用`Vue.use()`方法将其应用到全局中。

```javascript

// main.js

import Vue from 'vue'

import App from './App.vue'

import './assets/style.css'

Vue.config.productionTip = false

new Vue({

render: h => h(App)

}).$mount('#app')

```

注意，在这种情况下，你需要在`assets`文件夹下创建一个名为`style.css`的文件，并将你的CSS代码放入其中。

在这种方式下，你引入的CSS文件会应用到整个应用程序中的所有组件。

2. 局部引入：

在每个组件的`

```

这种方式下，你可以在每个组件中选择性地引入CSS文件，只将其应用于特定的组件。

无论你选择哪种方式，一旦引入了CSS文件，其中的样式就会被全局或局部应用到相应的组件上。

在Vue中引入CSS文件的过程非常简单，只需使用`import`语句将CSS文件导入，然后将其应用到全局或局部即可。这样可以帮助我们更好地组织和管理CSS样式，使代码更具可维护性和重用性。