vue hover绑定

在计算属性中

 // 样式配置
    styleObject() {
      return {
        '--background-color-blocklySvg': this.blocklySvgBackgroundColour,
        '--background-color-blocklyFlyoutBackground': this.blocklyFlyoutBackgroundColour
      }
    }

在html中

<div style="width: 100%; height: 100%" :style="styleObject">

在css中

.navbar-item:hover {
  background-color: var(--background-color-hover);
  color: #ffffff;
}