title: Vue JS: add values from API JSon
body: <p>i'm new developer in Vue JS.
  below is my response body, and i wanted to sum <code>amount</code> values that has <code>is_paid:true</code> with <code>paid_amount</code> only.. is there a way to do this in Vue JS?</p>
  <p>EDit: for ex sum 30 (<code>amount</code>) + 20 (<code>paid_amount</code>) with out 100 since it has <code>is_paid:false</code></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>{
      "payment" : {
          "installment_payment" : {
              "installments" : [
                            amount:30,
                                  date: "",
                                  is_paid: true,
                              },
                              {
                                  amount: 100,
                                  date: "",
                                  is_paid: false,
  
                              },
                              {
                                  amount: "",
                                  date: "",
                                  is_paid: false,
                              },
                                {
                                  amount: "",
                                  date: "",
                                  is_paid: true,
                              }
                          ],
  
                          remaining: ""
  
                      },
                      paid_amount: 20,
                  },
  
  }</code></pre>
  </div>
  </div>
  </p>