vue3鼠标悬停变手指

你可以使用CSS的`cursor`属性来改变鼠标悬停时的指针样式。在Vue3中，你可以通过以下步骤来实现：

1. 在需要改变指针样式的元素上添加`@mouseover`事件绑定，例如：

   <div @mouseover="changeCursor"></div>

2. 在Vue实例中定义`changeCursor`方法来改变指针样式，例如：

   methods: {
     changeCursor() {
       document.body.style.cursor = 'pointer';
     }
   }

在上面的例子中，当鼠标悬停在`<div>`元素上时，会调用`changeCursor`方法并将指针样式改为手指形状。

3. 可选：当鼠标离开元素时，将指针样式改回默认值。你可以在元素上添加`@mouseleave`事件绑定并定义一个方法来实现，例如：

   <div @mouseover="changeCursor" @mouseleave="resetCursor"></div>

   methods: {
     changeCursor() {
       document.body.style.cursor = 'pointer';
     },
     resetCursor() {
       document.body.style.cursor = 'default';
     }
   }

在上面的例子中，当鼠标离开元素时，会调用`resetCursor`方法并将指针样式改回默认值。