Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!-- Simple Vue.js app --> <!DOCTYPE html> <html> <head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <div id="app"> <h1>{{ message }}</h1> <button @click="greet">Click Me</button> </div> <script> const { createApp } = Vue createApp({ data() { return { message: 'Hello Vue!' } }, methods: { greet() { this.message = 'You clicked the button!' } } }).mount('#app') </script> </body> </html>
Result
Open