JSFiddle - React, Tailwind, and code Playground

by WoJWoJ

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.5/vue.min.js"></script>
<div id="root">
  <mynumber></mynumber>
	<smthg></smthg>
</div>

JavaScript

var data_mynumber = {
  time: 1
};

Vue.component('mynumber', {
  template: '<div>time is {{time}}</div>',
  data: function() {
    return data_mynumber;
  }
})

var data = {
  time: 1
};

Vue.component('mynumber', {
  template: '<div>time is {{time}}</div>',
  data: function() {
    return data;
  }
})


var vm = new Vue({
  el: '#root'
})

setInterval(
  function myTimer() {
    var d = new Date();
    data.time = d.toLocaleTimeString();
  },
  1000
);