» - это массив объектов в моих данных

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

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

  methods: {   
    setNumber: function(){
      this.number = 5;
    },

    setArray: function(){
      this.test[0].array[0] = 9;
    }
  }
})

Проблема в том, что если я изменяю значение элемента в «массиве», а журнал показывает, что значение изменилось, он не обновляется на странице. С другой стороны, если я изменяю значение «число», значения «число» и «массив» на странице обновляются.

<section id="content">
  <div>Value in array: {{ test[0].array[0] }}</div>
  <div>Value in number: {{ number }}</div>
  <!-- {{ setNumber() }} -->
  {{ setArray() }}
</section>

<!-- Loading Vue.js -->
<script src="https://unpkg.com/vue"></script>
<script src="https://cdn.jsdelivr.net/vue.resource/1.3.1/vue-resource.min.js"></script>

Как я могу сделать мою страницу отзывчивой к обновлению "массива"?
Вот JsFiddle:https://jsfiddle.net/zcbh4esr/