Подсчёт билетов в кино на Vue.js?

Добрый день как сделать + - создания билетов в кино Цена за один билет будет хранится в модела (может быть динамической) выводить количество билетов кликнув на кнопки - + И их цену

<div class="counter-increment" @click="incCounter()">-</div>
      <div>{{counter}}</div>
 <div class="counter-decrement" @click="addCounter()">+</div>


data() {return : {counter: 1, price: 30}}

Методы

addCounter() {
            if (this.counter < 17) {
                this.counter++
                if (this.counter >= 0) {
                    this.price += 120
                }
            }
        },
        incCounter() {
            if (this.counter > 0) {
                this.counter--
                this.price -= 120
            }
        }