JSFiddle - React, Tailwind, and code Playground

by Weylin

HTML

<div id="app">
  <div v-for="item in items">
     {{ item.a }}
  </div>
</div>

<button id="test">test</button>

<button id="test1">test1</button>

JavaScript

document.getElementById("test").onclick = function()
{
	//app.$data.items = [{a: 5}, {a: 7}, {a: 8}];
 items = [{a: 5}, {a: 7}, {a: 8}];
}

document.getElementById("test1").onclick = function()
{
	items[0].a++;
}

let items = [{a: 1}, {a: 2}, {a: 33}];

var app = new Vue({
  el: '#app',
  data: {
    message: 'Привет, Vue!',
    items: items
  }
})