TypeError：无法读取VueJS上下文中未定义的属性“替换”

我正在过滤字符串中的某些字符。我遇到了几个问题，这些问题具有相同的问题，即控制台错误，但找不到任何好的答案。

这是我的字符串：

response_out1|response_out2|response_out3

这是我使用的方法：

<vs-select v-model="change">
    <vs-select-item  :key="index" v-bind="item" v-for="(item,index) in 
        userFriendly(out.changes)" />
</vs-select>  

... 

methods: {
        userFriendly (str){
            return str.replace(/_/g, ' ').split('|').map(value => ({text: value, value }))
}

这是我在vs-select中得到的输出：

response out1
response out2
response out3

我在控制台中遇到的错误：

在这里，我想知道为什么会收到此错误，并且我想知道如何纠正它，而我期望的输出是：Response Out1在这里，如何以相同的方法将每个单词的第一个字符大写。