Vue.js - updated array item value doesn't update in page

Question

\"test\" is an array of object in my vue data

var vue = new Vue({
  el: \'#content\',

  data: {
    test: [
      {
        array: [0, 0, 0, 0]
      },
            


        

Answer 1

From

https://vuejs.org/v2/guide/reactivity.html

var vm = new Vue({
  data: {
    items: ['a', 'b', 'c']
  }
})

//vm.items[1] = 'x' // is NOT reactive
Vue.set(vm.items, indexOfItem, newValue)  //works fine

worked for me