상황이 이렇다
data () {
return {
page: momentInfo ,
props:{
momentInfo:{
type:Object
},
라면 page와 momentInfo가 동일한 주소를 공유하므로 momentInfo의 값을 수정하는 것은 page의 값을 바꾸는 것과 같다.
만약 의도가 값만 가져온 독립적인 상태를 유지하려면 Deep Copy를 해야한다.
GPT에게 물어봤는데
data () {
return {
page: {...momentInfo },
이러면 된다는대 나는 의도한대로 되지않았다.
data () {
return {
page: JSON.parse(JSON.stringify(this.momentInfo)) ,
이러면 처음 받을때 값을 받으며 momentInfo와 page는 서로 무관한 존재가 된다.
끝!
'🖥️FE🖥️ > 📗Vue📗' 카테고리의 다른 글
| 💚Vue v-for💚 (0) | 2023.11.29 |
|---|---|
| [Life Cycle] watch, computed. (0) | 2023.11.28 |
| Vue Emit 간단한 실습 코드 (0) | 2023.11.23 |
| Watch 와 Computed 차이. (1) | 2023.11.22 |
| [VUE]TypeError: Cannot read properties of null (reading 'data') (1) | 2023.11.21 |