How does Vue.js add two values and sum them (without computed)

wants to show the result of the addition of the two variables on the screen, but the current way of writing only shows the value of the initial variable

.

related codes 

                    <div class="grid margin-top-20">
                        <section id="section-course" class="col-12 panel not-ready">
                            <h3></h3>
                            <div class="status-list">
                                <div class="status">
                                    <dl class="completed">
                                        <dt></dt>
                                        <dd>{{parseInt(info.completed + info.passed)}}</dd>
                                    </dl>
                                </div>
                                <div class="status">
                                    <dl class="incomplete">
                                        <dt></dt>
                                        <dd>{{parseInt(info.failed + info.incomplete)}}</dd>
                                    </dl>
                                </div>
                                <div class="status">
                                    <dl class="not-attempted">
                                        <dt></dt>
                                        <dd>{{parseInt(info.notAttempted)}}</dd>
                                    </dl>
                                </div>
                            </div>
                    </div>

how to solve it? What are the knowledge points about Vue in this place?

Vue.js
Apr.26,2021

Dear friends, thank you for answering the question has been solved. The code I wrote looks fine, but it's possible that in Vue this + is added only when it's a number. So the variable is converted to OK with the Number () method. Modified code

< hr > 
                <div class="status-list" id="section-course" v-cloak >
                  <div class="status">
                    <dl class="completed">
                      <dt></dt>
                      <dd>{{parseInt(Number(info.completed) + Number(info.passed))}}</dd>
                    </dl>
                  </div>
                  <div class="status">
                    <dl class="incomplete">
                      <dt></dt>
                      <dd>{{parseInt(Number(info.incomplete) + Number(info.failed))}}</dd>
                    </dl>
                  </div>
                  <div class="status">
                    <dl class="not-attempted">
                      <dt></dt>
                      <dd>{{parseInt(info.notAttempted)}}</dd>
                    </dl>
                  </div>
                </div>

there should be no problem with writing. First make sure that the info variable is declared correctly and that the value has changed.

if it is not complicated, you can output info in mounted:function () {} to see the status of each attribute without computed,.
if you are worried about mounted, you can change it according to the official website ( https://cn.vuejs.org/v2/api/-sharp.)
for example: 

mounted: function () {
  this.$nextTick(function () {
    console.log('info', info)
  })
}

Previous: Can it be bound if the merchant number is inconsistent with the main body of Mini Program?

Next: How does the checkbox in element-ui table achieve multiple selection of keyboard events shift?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b2b242-2ba55.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b2b242-2ba55.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?