Vue修改单个组件的背景颜色

组件默认背景颜色为白色，但工作需要改成黑色，于是研究了一番。

很简单，只需在组件中使用两个钩子函数beforeCreate ()，beforeDestroy ()

代码如下：

beforeCreate () {
    document.querySelector('body').setAttribute('style', 'background:#000000')
},
beforeDestroy () {
    document.querySelector('body').removeAttribute('style')
}

在创建之前，添加body的style属性，将背景颜色设置为黑色

在销毁前，将body的style属性删除。