JSFiddle - React, Tailwind, and code Playground

by Van Hai Le

HTML

<head>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<title>Vue Test</title>
</head>
<body>
<div id="app">
  <h1>{{message}}</h1>
  <button @click="clickMe">Click me!</button>
</div>
<script>
	const app=Vue.createApp({
  	data()  {
    return {
    	message: 'Hello from Vue!'
    }
    },
    methods: {
    	clickMe() {
      	console.log('Button clicked');
        this.message = 'Updated Message';
      }
    }
  });
  app.mount('#app');
</script>
</body>