vue单独设置页面背景

背景：

平台首页配置全局样式，设置了背景图，但是某模块的功能页面不需要这个背景，如何处理？

方案一：

在界面中添加以下方法

 beforeCreate () {
  document.querySelector('body').classList.add("className");
  },

beforeDestroy () {
  document.querySelector('body').classList.remove("className");
  }

方案二：

在源头地方解决

直接通过条件判断，是否需要加载背景的样式

方案一与方案二比较：

方案一：适用于修改少数页面，单个页面

方案二：修改全局，风险较大，但因为应用的场景是整个模块页面，每个页面去加方案一的方法，有些重复；