Vue如何動(dòng)態(tài)改變二維數(shù)組的值

data() {
  return {
    map: [
      [0, 0, 0, 0],
      [0, 0, 0, 0],
      [0, 0, 0, 0],
      [0, 0, 0, 0]
    ]
  }
}

我在data里定義了如上的二維數(shù)組，并且在頁面中顯示其中一個(gè)數(shù)值

<iCol span="6" class="border font-digiface">{{ map[3][3] === 0 ? '' : map[3][3] }}</iCol>

但是當(dāng)我去直接改變二維數(shù)組其中一個(gè)值時(shí)，并沒有做到數(shù)據(jù)驅(qū)動(dòng)改變頁面顯示值。
Vue.set中可以改變data根級屬性下的內(nèi)容，如Vue.set(this.list, 0, 3);
但是二維數(shù)組的數(shù)組改變我卻做不到了。
如何能修改二維數(shù)組中的某一個(gè)值，保證頁面能監(jiān)聽到數(shù)據(jù)的變化，并改變數(shù)值呢？