JSFiddle - React, Tailwind, and code Playground

by Samuel DeVore

HTML

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

<div id="app1" style="background-color:red">
  <contact-us></contact-us>
</div>

<div id="app2" style="background-color:blue">
  <contact-us></contact-us>
</div>

JavaScript

var contactUs = {
	data: function() {
  	return {
    	email: '[email protected]'
    };
  },
  
	template: `
  	<div>
		  <h1>Contact Us</h1>
			<p>Please send an e-mail to: {{ email }}</p>
		</div>
  `
};

new Vue({
	el: '#app1',
  components: {
  	'contact-us': contactUs
  }
});

new Vue({
	el: '#app2',
});