Как я могу вызвать функцию с параметрами в html <p>

Я хочу иметь одинаковый процент лайков и антипатий на карточках.

<v-card
        v-if = "software[2] == searched || searched == ''"
        class = "software-card"
      >
        <h3>{{ software[2] }}</h3>
        <h2>{{ software[3] }}</h2>
        <p>{{ software[4] }}</p>

        <v-row>
          <v-col>
            <v-btn class = "button">Read More</v-btn>
          </v-col>
          <v-col>
            <p>
              {{ percentage }}
            </p>
          </v-col>
          <v-col>
            <v-icon class = "like" color = "green" icon = "mdi-thumb-up"></v-icon>
            <p class = "like">{{ software[6] }}</p>
          </v-col>
          <v-col
            ><v-icon
              class = "dislike"
              color = "red"
              icon = "mdi-thumb-down"
            ></v-icon>
            <p class = "dislike">{{ software[7] }}</p>
          </v-col>
        </v-row>
      </v-card>

У меня есть функция getPercentage:

getPercentage(like, dislike) {
  this.percentage = like / (like + dislike);
},

Как я могу вызвать эту функцию, чтобы я мог отправить программное обеспечение [6] и программное обеспечение [7] в функцию - которые являются счетчиками лайков и антипатий - в теге p