vue单独给页面设置body属性

因项目需求：用户个人详细信息页面设置背景色，之前在这个页面设置最外层div发现不行。因为app.vue影响了它。后来直接在页面上用body设置样式，发现影响了其他页面。

后来想了通过vue的生命周期来解决。这个页面创建前设置我的样式，销毁之前移除我设置的样式。

代码如下：

//创建前设置
beforeCreate () {
      document.querySelector('body').setAttribute('style', 'background-color:#efeff4;')
},
//销毁前清除
beforeDestroy () {
      document.querySelector('body').removeAttribute('style')
},