JSFiddle - React, Tailwind, and code Playground

by ginpei

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.4/vue.min.js"></script>
<div id="app">
  <my-message v-bind:message="'First message.'"></my-message>
  <my-message :message="'Second message.'"></my-message>
  <my-message message="Third message."></my-message>
</div>

JavaScript

var app = new Vue({
	el: '#app',
  components: {
  	myMessage: {
    	template: '<p>{{message}}</p>',
      props: ['message']
    }
  }
})