How to get rid of reactivity?

Question

Vue.js

I have a component with tickets, I want to get rid of reactivity. Let me explain.
There is a table:

<tr v-for="(oneTicket, index) in allTickets">
                      <td>{{index + 1}}</td>
                      <td>{{oneTicket.title}}</td>
                      <td>{{oneTicket.price}}</td>
                      <td>{{oneTicket.quantity}}</td>
                      <td>{{oneTicket.description}}</td>
                    </tr>

In data() I wrote the data:

ticket:{
            title: null,
            price: 0,
            quantity: 0,
            description: null
          },
          allTickets: []

And the add method:

methods: {
        addTicket(){
            let ticket = this.ticket; //пытался избавиться от реактивности
            this.allTickets.push(ticket);
        },

And actually 4 fields for filling in data

<input v-model="ticket.title">
<input v-model="ticket.price">
<input v-model="ticket.quantity">
<textarea v-model="ticket.description">
<button @click="addTicket"

When I fill in a new one, the whole table changes. How to make sure that the data is not overwritten in the table when I write something new?

Answer 1

This is how you need to get rid of:
I.e. create a new object instead of assigning a reference to the object.