JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<div id="example">{{msg}}</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, nam!</p>

JavaScript

var vm = new Vue({
  el: '#example',
  data: {
    msg: '123'
  }
})
var msg = '';
var counter = 0;
var timerId = setInterval(function() {
    msg = 'new message ' + counter;
    counter++;
}, 100);

setTimeout(function() {
  clearInterval(timerId);
  Vue.nextTick(function () {
	vm.msg = msg;
})
  
}, 10000);

 
 // change data

console.log(vm.$el.textContent === 'new message') // false
Vue.nextTick(function () {
	console.log(vm.$el.textContent === 'new message') // true
})