为什么 v-on:mouseover事件不触发

问题相关代码

<div class="li1" v-on:mouseover="isShow()" v-on:mouseout="isShow()" ><router-link to="" class="r" >分类</router-link>
                <ul v-for="(kind,index) in kinds" :key="index" v-show="s">
                    <li class="li3" ><router-link :to='kind.src'>{{kind.kindname}}</router-link></li>
                </ul>
</div>   
<script>
export default {
    data(){
        return{
            s:true,
            kinds:[
                {kindname:"动作游戏",src:""}
            ],
        }
    },
    methods:{
        isShow(){
            this.s === !this.s
        }
    }
}
</script>

可以触发呀，整个文件代码是怎样的