[Vuejs]-How to change html content(Font-Awesome Icon) for individual list objects on mouse hover using Vue.js

css is the best option here. Yes you can but I do not recommend. Because it’s not optimal for your operation.
You can use @mouseover and @mouseleave event for handle this