screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <h3>Vue Js Change Text Color on Hover</h3> <p ref="myParagraph" @mouseover="changeColor(true)" @mouseout="changeColor(false)"> Hover over me to change my color! </p> </div> <script> new Vue({ el: '#app', methods: { changeColor(isHovering) { if (isHovering) { this.$refs.myParagraph.style.color = 'red'; } else { this.$refs.myParagraph.style.color = 'black'; } } } }); </script> </body> </html>