请问vue 怎么绑定 包含css伪类的style?

Question

代码如下<div id="app">    <div :style="baseStyle">123456</div></div><script>    var app=new Vue({        el:"#app",        data:{            rgb:'red',            hrgb:'blue'        },        computed:{            baseStyle(){                return{                    color:this.rgb,                    hover:{                        color:this.hrgb //无效果                    }                }            }        }    })</script>请问这个hover伪类要怎么写呢？如果用mouseover,out事件就有点复杂了。。。

Answer 1

hover写到css里面呀，你绑一个class名就行了，添加或者移除这个class名，js的hover只能用mouse事件