vue:__ob__: Observer导致Array.filter错误：this.comments.filter is not a function

折腾了好久

本来视频里面传参用的是对象,进来后取出里面的数组，自己先把对象里面的数组传进来了

 明明是数组传进来的，也可以顺利作为数组vfor渲染。

为什么使用this.comments.filter(v=>v.openid===this.userinfo.openId).length）会报错？this.comments.filter is not a function

然后了解了__ob__: Observer……还是不明白

然后，了解了可以先JSON.stringify转化成为字符串，再JSON.parse转化成为数组/对象，都可以正确打印，filter还是报错。

然后逐一push到新数组，就可以了。

对比一下，json.parse后和push之后，两个数组都是一样的呀

搞不明白呀

放弃深入

然后，知道原来:

Array.from方法用于将两类对象转为真正的数组：类似数组的对象（ array-like object ）和可遍历（ iterable ）的对象（包括 ES6 新增的数据结构 Set 和Map ）。

参考：https://blog.csdn.net/jth_wl/article/details/78853076

那么就很简单了

轻轻松松解决，不需要push，不需要JSON.stringify，和JSON.parse

但是，最后想一想，回头看一看，原来问题发生在data的属性定义：comments: ''

改成comments: []

就可以了

这些漫不经心带来的大麻烦太多了