ref 와 reactive
551
6 asked
안녕하세요 강사님!
강사님께서 todos를 ref로 선언하고 사용하셨습니다.
오브젝트나 리스트는 reactive를 사용해보고싶어 DB데이터 맵핑 전까지는 모든 todos뒤에 value를 붙이지 않고 진행했습니다. axios 의 get으로 데이터를 가지고오니
'''
todos = res.data;
'''
에서 데이터를 가지고오긴 하는데 값이 화면에 표시되지 않습니다.
ref일 경우
'''
const todos = ref([])
...
todos.value = res.data
'''
reactive일 경우
'''
const todos = reactive([])
...
todos = res.data
'''
이렇게 이해했는데 값의 표시가 안되는 이유가 무엇일까요?
Answer 2
0
reactive([])를 사용하면 reference에 리액티비티가 연결이 되는데 새로운 reference를 가진 배열로 덮어쓰기를 했기 때문에 연결이 끊어지게 됩니다. 이런 이유 때문에 저는 ref를 사용을 했습니다.
https://vuejs.org/guide/essentials/reactivity-fundamentals.html#limitations-of-reactive
이 링크에 들어가시면 reactive의 한계에 대해서 설명을 해주고 있습니다 ^^
numberOfPages 결과 nan
0
408
2
todos 질문입니다.
0
278
2
작동은 되긴 하는데 해당 메세지는 왜 뜨는걸까요?
1
358
0
강의노트 문의
0
359
1
x-total-count 및 db.json id값 문제
0
905
1
개발툴 글자체, 크기, 색깔 세팅 문의
0
218
1
onMount 관련 강의가 몇강에 있었죠?ㅠㅠ
0
307
1
json server실행/중지 문의드립니다!
0
473
1
3:53 분에 HelloWorld 태그 인식을 못해서 오류 발생하비낟!
0
457
1
Composition API?
0
390
1
24강에서 computed의 종속성이 변경도록 return하는데, 그러면 computed가 다시 실행되나요?
0
390
1
구조가 다름...
0
481
1
59강 API body 질문입니다.
0
293
1
로그인과 같이 레이아웃이 완전 다른 페이지를 만들때는 router 를 어떻게 할까요?
0
431
1
vue CLI 설치 관련 문의드립니다.
0
585
1
31강 DB질문
0
416
1
to와 :to의 차이점
0
442
1
52강의 originalTpdp ref 와 todo ref
0
546
1
delete todo 함수를 prop으로 내려주지 않는 이유는 무엇인가요??
0
405
1
computed 와 검색 기능 추가 질문드려요.
0
439
1
[33강] pagination2 numberOfPages 호출
0
375
1
리렌더링 관련 질문
0
326
1
배포 관련 질문드립니다.
0
304
1
30강 질문드립니다.
0
216
1