vue icon图标鼠标悬浮动左右晃动一下定部不动下边动

要实现这样的效果，可以使用CSS的动画效果和鼠标悬浮事件。

首先，在你的Vue组件中，为图标元素添加一个CSS类名，比如icon。

然后，在你的CSS文件或样式标签中，添加以下样式：

.icon {
  transition: transform 0.5s ease-in-out;
}

.icon:hover {
  transform: translateX(-10px);
}

这里使用了CSS的transition属性来定义动画效果，transform属性来改变元素的位置。在鼠标悬浮时，将图标向左移动10像素。

如果你还想让图标在下边动，可以添加以下样式：

.icon:hover {
  transform: translateX(-10px) translateY(10px);
}

这样，图标在鼠标悬浮时会向左移动10像素，并向下移动10像素。

记得将上述样式适配到你的具体图标元素上，具体的类名可能会有所不同。