如何在Vue项目中引CSS文件·这个方法适合你想让整个应用都使用同一个·在需要使用公共CSS样式的组件中引入CSS文件

如何在Vue项目中引入公共CSS文件?

在Vue项目中引入公共CSS文件,有几种简单的方法,下面我会用通俗易懂的方式告诉你。 ---

方法一:在main.js文件中引入

这个方法适合你想让整个应用都使用同一个CSS文件。

  1. 把你的公共CSS文件放在项目目录里,比如叫`common.css`。
  2. 然后在`main.js`文件里引入这个CSS文件:
import './common.css'; 

这样,所有组件都会用到这个CSS文件了。

---

方法二:在App.vue文件中引入

如果你只想在根组件及其子组件中使用公共CSS,这个方法就非常适合。

  1. 同样,把你的公共CSS文件放在项目目录里。
  2. 然后在`App.vue`文件的`