解决场景：script设颜色变量，

        好了正文，如果上面demo你跑不了，你确认下是不是vue3版本比博主低？

        博主以下说的是vue2、和vue3+ts版本、vue3的sass版本、vue3的vue-class-component工具类、vue3的vue-property-decorator工具类都可以执行的方法。

        先科普下，别闲博主烦，照着先做↓↓↓↓↓↓

        以上代码运行之后的结果如下图，input的北京变成红色。是吧，这个是纯静态是".html"的文件哦

root{--color：red；}，这个时候你可以认为是声明变量。 然后在你要放变量的地方var(--color)就可以调用了，

        以上为灵感，结合在vue2博主百度了些资料，搞了个通用方法如下

切记你别连vue-property-decorator也复制了，这里弄vue-property-decorator是告诉你他也可以用

结果如下图

扩展

--color 你可以写在vue的computed函数里、或者methods函数里定义一个方法，然后这里style就可以直接：style="style()"这句话要看的懂

data(){return{color:"red",}}

computed: {style() {return {"--color": this.color};}}

博文为雪狼博主原创，博客地址： 雪狼之夜的博客_CSDN博客-vue,eggjs,js领域博主

原创不易，点个赞呗。