[뷰(Vue)] 깊은 복사(deep copy)

객체의 값만 복사하고 싶은데, 참조가 할당되어 하나를 변화시키면 다른 것들도 함께 변하는 경우가 있다.

이것을 막기 위해서 깊은 복사를 사용한다.

---

1. lodash 라이브러리를 설치한다.

npm install lodash

2. 사용하고자 하는 곳에 import 한다.

import _ from 'lodash';

3. cloneDeep 함수를 이용하여 값을 복사한다.

this.newUserinfo = _.cloneDeep(this.userinfo);

---

회원정보 수정 시 값을 복사해두고 비교할 때 사용하였다.