Есть ли в Vue.js встроенный способ добавить копию постоянного объекта в повторяющийся массив

У меня есть приложение Vue.js, где у меня есть v-повтор для массива элементов. Я хочу добавить новый элемент в список элементов. Когда я пытаюсьthis.items.push(this.newItem) выдвинутый объект все еще привязан к входу. Рассмотрим ниже:

new Vue({
  el: '#demo',

  data: {
    items: [
      {
        start: '12:15',
        end: '13:15',
        name: 'Whatch Vue.js Laracast',
        description: 'Watched the Laracast series on Vue.js',
        tags: ['learning', 'Vue.js', 'Laracast', 'PHP'],
        note: "Vue.js is really awesome. Thanks Evan You!!!"
      },
      {
        start: '13:15',
        end: '13:30',
        name: "Rubik's Cube",
        description: "Play with my Rubik's Cube",
        tags: ['Logic', 'Puzzle', "Rubik's Cube"],
        note: "Learned a new algorithm."
      }
    ],
    newItem: {start: '', end: '', name: '', description: '', tags: '', note: ''}
  },

  methods: {
    addItem: function(e) {
      e.preventDefault();

      this.items.push(this.newItem);
    }
  }
});

Вышеуказанное, как и ожидалось, подтолкнет объект, который связан с массивом items. Проблема в том, что я хочу просто копию объекта, чтобы он больше не изменялся при изменении входных данных. Видеть этоэта скрипка, Я знаю, что могу сделать:

addItem: function(e) {
  e.preventDefault();
  this.items.push({
    name:        this.newItem.name,
    start:       this.newItem.start,
    end:         this.newItem.end,
    description: this.newItem.description,
    tags:        this.newItem.tags,
    notes:       this.newItem.notes
  })
}

Это работает но много повторений.

Вопрос: Есть ли встроенный способ добавить только копию объекта вместо постоянного объекта.

Ответы на вопрос(3)

Ваш ответ на вопрос