子元素hover控制父元素的hover

vue 中 子元素hover控制父元素的hover

在代码中，父元素使用:class="{ hover: isHovered }"绑定了一个hover类，当isHovered为true时，父元素会应用hover类的样式。子元素通过@mouseover和@mouseleave事件分别在鼠标悬停和离开时修改isHovered的值，从而控制父元素的:hover状态。

在CSS中，父元素有一个白色背景，当父元素处于:hover状态时，背景色会变为蓝色。子元素设置了鼠标光标为指针形状，以提示用户可以进行交互。