vue 鼠标移入显示图标 ,鼠标移出隐藏图标

作一个项目用到好屡次这个效果   没有图标， 鼠标移入后，显示背景色同时显示图标，鼠标移到图标上去以后图标须要改变颜色，研究尝试了不一样的方法，使用的其余方法都遇到一些小问题，例如鼠标移动到图标上的时候背景色消失了。css 鼠标移入以前：html   鼠标移入以后效果：vue 方法一：（这个是找了很久，在SCDN上找到的，最便捷的方法，感谢大佬分享，解决了个人烦恼，是目前找到的最简单的方法，照搬的

>>阅读原文<<