Javascript 如何在vue js中正确初始化数据？

它采用onChangeDistrict之后的initTableData和initTableFiltered，我希望现在不采用它，而是只采用initTableFiltered

data () {
  return {
    data: []
  }
},
created () {
  this.initTableData()
},
methods() {
  initTableData () {
  db.collection('example').orderBy('owner_name', 'asc').get().then(res => {
    res.forEach((doc) => {
      this.data.push({
        id: doc.id,
      })
    })
  })
},
initTableFiltered () {
  db.collection('filter').orderBy('name', 'asc').get().then(res => {
    res.forEach((doc) => {
      this.data.push({
        id: doc.id,
      })
    })
}
onChangeDistrict () {
  this.initTablefiltered()
}
}

---

那么如何在onChangeDistrict上初始化initTable？您是否创建了数据变量？这不在代码中？
例：

如果不实例化您的数据，这不是被动的

export default {
  data() {
    return {
      data: []
    }
  },
 ...