screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <div id="app"> <h3>Vue add event listener to ref</h3> <button ref="myButton">Click me</button> </div> <script type="module"> const app = Vue.createApp({ mounted() { this.$refs.myButton.addEventListener('click', this.handleClick) }, beforeUnmount() { this.$refs.myButton.removeEventListener('click', this.handleClick) }, methods: { handleClick() { alert('Button clicked') } } }) app.mount('#app') </script> </body> </html>