vue 鼠標移入顯示圖標 ,鼠標移出隱藏圖標

作一個項目用到好屢次這個效果   沒有圖標， 鼠標移入後，顯示背景色同時顯示圖標，鼠標移到圖標上去以後圖標須要改變顏色，研究嘗試了不一樣的方法，使用的其餘方法都遇到一些小問題，例如鼠標移動到圖標上的時候背景色消失了。css 鼠標移入以前：html   鼠標移入以後效果：vue 方法一：（這個是找了很久，在SCDN上找到的，最便捷的方法，感謝大佬分享，解決了個人煩惱，是目前找到的最簡單的方法，照搬的

>>阅读原文<<