是否可以在 Vuejs 中"ready"之前不计算计算属性？

Question

i在vue.js中具有 computed属性，该属性取决于来自ajax呼叫的另一个值。是否可以在ready方法完成之前不计算computed属性？总体而言，一切都很好，但是控制台中的错误很烦人。

Answer 1

您可以尝试这样的事情：

new Vue({
  el: '#demo',
  data: {
    numbers: []
  },
  ready () {
    // simulate an ajax call
    setTimeout(() => {
      this.numbers = [1, 2, 3, 4, 5]
    }, 2000)
  },
  computed: {
    sum () {
      // before the ajax response, returns 0
      if (this.numbers.length === 0) {
        return 0
      }
      // after the ajax response, returns the sum
      return this.numbers.reduce((prev, curr) => {
        return prev + curr;
      })
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.24/vue.min.js"></script>
<div id="demo">
  {{ sum }}
</div>