请问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事件