Как изменить значение переменной в экземпляре Vue через функцию onclick?

Внутри Vue есть эти строки:

var vm = new Vue({
    data() {
...
ontotal(x) {
            let sum = 0;
            var promocod = 0;
            return x.reduce((sum, item) => sum + item.price*item.quantity - promocod, 0);
}
...
}
}

Как вне Vue по нажатию кнопки после проверки условия изменить переменную promocod и обновить значения на сайте?

function promo10(){
    event.preventDefault()
    var promo = document.search.promo;
    var val = promo.value;
    if(val=="Текст"){
?
}

Испробовал пару вариантов, ничего не получается. Может можно внутри Vue вписать эту функцию?