vue css背景颜色

根据提供的引用内容，可以看出在Vue中设置CSS背景颜色的方法是通过在CSS文件中定义变量，并在Vue组件中引入并使用这些变量。在给定的代码中，可以看到在config.css文件中定义了背景颜色的变量$bgColor，然后在base.css文件中通过引入config.css文件来使用这个变量。具体的代码如下：

/* config.css */
$bgColor: #FAFAFAFA;

/* base.css */
@import "./config.css";
body {
  background-color: $bgColor;
}

这样，通过在Vue组件中引入base.css文件，就可以将背景颜色应用到相应的元素上了。
#### 引用[.reference_title]
- *1* [VUE中使用CSS实现段落加背景色](https://blog.csdn.net/Y1914960928/article/details/122055164)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [vue 设置css通用的颜色变量（主题色）](https://blog.csdn.net/qq_42740797/article/details/113512893)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]