📝
Light
Copy
Run
<!DOCTYPE html> <html> <head> <title>VueJS Event Handling Example</title> </head> <body> <div id="myApp"> <button v-on:click="showAlert">Click Me</button> <!-- v-on: - Directive click - Event Name showAlert - Method --> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var myApp = new Vue({ el:'#myApp', methods:{ showAlert:function() { alert("Welcome to VueJS."); } } }); </script> </body> </html>
Copied
╳
Editor Shortcuts
Ctrl + R =
Run Code
Ctrl + Space =
Show Hint