Почему Vue не рендерит значение объекта?

Question

[dicem]

Имеется компонент

...
<button class="persons-counter-m" @click.prevent="deliveryDecriment()"></button>
<span>{{ formModel.persons }}</span>
<button class="persons-counter-p" @click.prevent="formModel.persons++"></button>
...

...
  data() {
    return {
      cartConfig,
      formModel: {
        ...
        persons: 1
      },
   }
...

И вот formModel.persons никак не хочет рендерится и на манипуляции типа инкрементирования и декрементирования отображает NaN. Почему так случается?

Comments

[eugenedrvnk]

на вскидку всё с кодом нормально. попробуй, закинуть на jsfiddle какой-нибудь, дабы наглядности больше получить

[dicem]

eugenedrvnk, там все ок Т_Т я вобще ничего не понимаю, когда в mounted'e в консоль вывожу все ок, отображается? И причем такая хрень только с Number, со строками все ок

[Alex]

dicem, Значит ваш Number где-то не Number. И при арифметических операциях приводится к NaN, уж простите за каламбур