Javascript VueJS在呈现数据之前等待Apollo

另一篇文章中的裸体示例

newvue({
el:“#应用程序”，
数据：{
过滤器：{
id:“”，
发布人：''，
发布到：“”
},
项目：[{id:1234，发布者：'Operator'，发布者：'abcd-efgh'}，{id:5678，发布者：'User'，发布者：'ijkl-mnop'}]
},
计算：{
过滤（）{
const filtered=this.items.filter（item=>{
return Object.keys（this.filters）.every（key=>
字符串（项[key]）。包括（此.filters[key]））
})
返回已筛选的。长度>0？已筛选：[{
id:“”，
发布人：''，
发布到：“”
}]
}
}
})

---

所以首先将其定义为空数组

  data: {
    filters: {
      name: '',
      location: '',
      relocate: ''
    },
    items : []
    //---^-----
  },

---

searchPersons

是否确实需要是Vue实例的全局实例，还是可以与组件隔离？