vue 页面改body背景色

在 Vue 中改变 body 背景色，需要在根组件（一般是 App.vue）中使用 mounted 钩子函数，并通过 document.body.style.backgroundColor 来改变背景色，代码如下：

<template>
  <div>
    <!-- 页面内容 -->
  </div>
</template>

<script>
export default {
  name: 'App',
  mounted() {
    document.body.style.backgroundColor = '#f2f2f2'; // 修改背景色
  }
}
</script>

在 mounted 钩子函数中执行操作，可以保证在页面渲染完成后修改背景色。注意，直接在模板中使用 style 属性设置 body 的背景色是无效的，因为模板中的样式只会作用于组件内部的元素。