@mouseenter 和 @mouseleave 事件绑定

@mouseenter="handleMouseEnter(index)"
@mouseleave="handleMouseLeave(index)"

• @mouseenter 和 @mouseleave：这些是 Vue 的事件绑定指令，分别用于监听鼠标进入和离开元素的事件。
• handleMouseEnter(index) 和 handleMouseLeave(index)：当用户将鼠标移到某个 .nav-links 元素上时，会调用 handleMouseEnter 方法，并传递该元素的索引作为参数；当用户将鼠标移开时，会调用 handleMouseLeave 方法，并传递同样的索引。