JSFiddle - React, Tailwind, and code Playground

by eyupturkay

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.js"></script>
  <div id="app">
 <etrky></etrky>
  <etrky></etrky>
  <h2>
  {{ age }}
  </h2> 
</div>

JavaScript

var data = { status : 'critical'}
Vue.component('etrky',{
  data : function(){
   return data;
  },
  template: '<p>Server Status:  {{ status }} (<button @click="changeStatus">Change Status</button>)</p>',
  methods: {
  	changeStatus : function(){
    this.status = 'Normal';
    }
  }
  });
  
  new Vue({
    el: '#app',
    data: {
    age: 25
    }
});