JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <button v-on:click="hello">Hello (v-on)</button>
  <button @click="hello">Hello (shorthand)</button>
  
  <p v-bind:title="title" style="border-style: dotted;"}>Hover me (v-bind)</p>
  <p :title="title">Hover me (shorthand)</p>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	title: 'Hello World!',
    border: 'solid'
  },
  methods: {
	  hello: function() {
    	alert("Hello World!");
    }
  }
});