Vue中设置CSS全局变量，通过JS改变CSS全局变量

设置

<style lang="less" scope>
      :root{
    
    
            --themeColor:#00D98F;
      }
</style>

使用

<style lang="less" scope>
      .test{
    
    
            background-color: var(--themeColor);
      }
</style>

通过JS改变

document.documentElement.style.setProperty('--themeColor','值');