Vuejsの "ready"の前に計算されたプロパティを計算することはできますか？

Question

Vue.jsにcomputedプロパティがあります。これはAJAX呼び出しの別の値に依存しています。 readyメソッドが終了するまでcomputedプロパティを計算できないのですか？全体的にすべて正常に動作しますが、コンソールのエラーは面倒です。

Answer 1

あなたはこのような何かを試みることができる：条件であればすぐにtrueに設定されますfalseに設定ブールデータ値を作成し、内部のあなたの計算されたコードを配置

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>