关于vue中computed计算属性和mouted生命周期的问题

Posted 2021-02-18 yxsrt

　　最近有这样一个需求，data中的数据一开始为空，在mouted时才能获取到实际的数据。而computed中又依赖了data中的这个数据，于是页面渲染的时候就出现问题了。游览器会报错computed数据is undefined。

　　究其原因应该是mouted发生在computed之后，所以游览器在第一次计算computed时，data中的数据还是空的，所以computed也是空的。

　　为了解决这个问题，我在computed中添加了if判断语句，只有在data中的数据不为空时才在computed中返回对应的数据。此方案感觉上不是最好的，但是可以解决这个问题。