在Vue中，我们可以使用样式对象或样式绑定来为组件添加样式。但是，有些情况下，我们还需要在CSS中直接为组件添加样式。那么，Vue怎样在CSS里添加样式呢？下面就为大家介绍一下。

/* 在单文件组件里 */






/* 在全局样式里 */

/* main.js */
import Vue from 'vue';
import App from './App.vue';

import './assets/global.css';

Vue.config.productionTip = false;

new Vue({
  render: h => h(App),
}).$mount('#app');


/* global.css */

.example {
  background-color: red;
}

Vue中，我们可以使用 scoped 属性来限定样式只在当前组件生效。这样，即使组件中的样式名字与全局样式中的样式名字重复，也不会产生冲突。

当然，我们也可以在全局样式中为组件添加样式。只需要在全局样式中使用组件的类名即可。

以上就是关于Vue怎样在CSS里添加样式的介绍。希望对大家有所帮助！