смотреть не обновить изменить vue

Question

Я пытаюсь изменить переменную по часам и изменить ее на html

<p>{{customer.creditsLeft}}</p>

и vue

data() {
   customer: {},
 }
 watch: {
 '$store.state.jobs.listBooking.customer': function (newVal) {
  this.customer.creditsLeft = newVal;
  console.log('current credit now' + this.customer.creditsLeft);
  return this.customer.creditsLeft;
 }
},

console.log просыпается, но кредиты остаются без изменений. я новый би в вю. Пожалуйста, помогите мне

Answer 1

Если вы хотите добавить новое свойство к объекту клиента, вам нужно использовать set, в противном случае он не реагирует.

this.$set(this.customer, 'creditsLeft', newVal)

https://vuejs.org/v2/guide/reactivity.html

Или вы можете установить его заранее, таквам не нужно использовать набор

data() {
   customer: {
      creditsLeft: 0
   },
}