Vue.js错误：无法读取属性'；过滤器'；未定义的

我正在构建一个应用程序来使用json，并将其与搜索过滤器输入和其他内容一起列出

我已经尝试过创建函数，但没有成功

{
    produtoFiltrado:function()
    {
         var self=this;
       return this.produtos.filter(function(cust){
         return cust.nome.toLowerCase().indexOf(self.search.toLowerCase())>=0;
         });
    }
}

它显示此错误：无法读取未定义的属性“filter”

以下是codesandbox url：

---

我已经修复了数组的声明

produtos:[{这里所有的东西}]

括号不见了

但现在它显示了这个错误：

---

无法读取未定义的属性“搜索”

produtos是否为数组？这取决于承诺吗？尝试测试this.produtos是否存在，并在do

this.produtos.filter

之前使用if。另外，用

console.log（this.produtos）检查它的值因为它是undefined@MatheusValenza它丢失了produtos数组的[]，但现在可以了。。。实际上现在它显示了另一个错误：无法读取未定义的属性“search”。但我已经定义了搜索