Как создать копию объекта из data в vuejs?

Question

[Алекс Фил]

Встал вопрос создания копии объекта / массива из data экземпляра vue. Когда я делаю например так:

let filterDate = {};
filterDate = this.filters.dates;

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

Answer 1

[kn1ght_t]

const copyObject = JSON.parse(JSON.stringify(object))

или

const copyObject = Object.assign({}, object);

Comments

[Алекс Фил]

о! работает! а можете немного пояснить? и есть ли какой-то встроенный метод vue ?

[kn1ght_t]

можно еще так:
const copyObj = { ...object };

пробуйте

[kn1ght_t]

Алекс Фил, зачем вам встроенный метод vue? если есть встроенные "методы" js

[Алекс Фил]

kn1ght_t, логично, да, но я думал раз в фреймворке есть реактивня привязка, то так же легко можно создавать копии этих реактивно зависимых объектов. Большое спасибо!

[Антон Швец]

Алекс Фил, ну вроде как идея в том, чтобы было наоборот, реактивные объекты были копией. Вовсе не обязательно помещать ваш исходный объект в data.
В компонентах так специально для этого data обязан быть функцией.

[Roman K]

Первый вариант? Ты чо, извращенец?
P.S. jsben.ch/Iyoco

[kn1ght_t]

Roman Kitaev, видать, да, первый вариант не самый лучший способ
есть еще либа lodash с методами clode и cloneDeep

Answer 2

[Александр Аксентьев]

https://lodash.com/docs/4.17.4#clone
https://lodash.com/docs/4.17.4#cloneDeep