Vue2.0 饿了么报错： Unexpected side effect in "lis tShow" computed property

这个错误报错原因：

此规则旨在防止在计算属性中产生副作用的代码。（GitHub上的）

相关链接：https://vuejs.org/v2/guide/computed.html#Computed-Caching-vs-Methods

解决办法：

使用watch监听属性

相关代码：（谁变化，监听谁，再进行相关操作）

Vue视频中，有2处会报这种错误，一个在this.fold ,后面的this.scroll也会出现，之前出现第一个的时候，百度了相关，找到了一个可行的办法，后面这个就是自己依葫芦画瓢

listShow() {
  if (!this.totalCount) {
    // this.fold = true;
    return false;
  }
  let show = !this.fold;
  return show;
}

watch: {
  selectFoods(newFoods, oldFoods) {
    if (newFoods.length === 0) {
      this.fold = true;
    }
  },
  listShow() {
    let show = !this.fold;
    if (show) {
      this.$nextTick(() => {
        if (!this.scroll) {
          this.scroll = new BScroll(this.$refs.listContent, {
            click: true
          });
        } else {
          this.scroll.refresh();
        }
      });
    }
  }
}

这个是 第一个报错的时候参照他的方法写的：https://blog.csdn.net/elie_yang/article/details/80472640