в консоли 5 ошибок, а ты показывал 3. Что наебнулось за время между загрузкой и изменением состояния?

Из скрина не видно, что не так, реактивность в компоненте есть. Мб кто подключится еще, я не вижу проблем.

та я уже разобрался:)

с реактивностью вот что

Я тоже не вижу потери реактивности

<div class="col-md-4">
                                    <input type="number" v-model="product.quantity" min="1"
                                           class="form-control-range quantity" @change="change">
                                </div>
                                <div class="col-md-1">
                                    {{product.quantity}}
                                </div>

если так то все огонь

может что не так с computed

перенес метод в методы, вызвал так: total() - все летает

Странно но ладно

Короче, смотрите какая дичь)

обьявил

 data() {
            return {
                'phplolkek': 123
            };
        },

поле

<div class="col-md-4">
                                    <input type="number" v-model="product.quantity" min="1"
                                           class="form-control-range quantity" @change="change">
                                </div>

в методе сделал

change: function (event) {
                this.phplolkek = event.target.value;
            },

И вывел

{{phplolkek}}

В таком случае, все работает)
Как только я убираю вывод phplolkek - реактивность пропадает

v-model - это аллиас для
:value = {{ product.quantity }}
@change="product.quantity = event.target.value"
—-
А в своем примере ты переопределяешь @change

хм, тогда чем вызвана аномалия с удалением вывода???))

а как ты видишь что реактивность пропадает?

Удалил @change  cвой, нет)

данные не обновляются там где обновлялись до этого, сейчас покажу)

ну для начала, данные в devtools-е не обновляются

Наглядно, сори на уебунте нет скрин рекодера

А почему v-model="product.quantity" а меняешь phplokek?