inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 시작하기 - Age of Vue.js

watch 속성 vs computed 속성

리액트와의 비교학습 중...

519

닝네잉

작성한 질문수 1

2

안녕하세요.

리액트의 함수컴포넌트와 훅스에 익숙한데... 뷰를 사용할 일이 있어 빠르게 학습 중입니다..ㅠㅠ

그러다보니 리액트와의 유사점, 차이점을 중점으로 학습중인데요..

강의를 듣던 중 갑자기 의문이 들었는데,

watch : 리액트의 useCallback

computed : 리액트의 useMemo

이렇게 비슷하다고 이해했는데 맞는 이해가 맞을까요?!

거기에 더해서 watch로 data를 변경하려면 다시 data 객체를 변경해야 하는데 computed는 값을 바로 돌려주기 때문에 성능적 이득이 있다

라고 이해했습니다...

틀린 점이 있다면 알려주세요 T_T

감사합니다.

javascript vue.js

답변 1

0

캡틴판교

안녕하세요, 제가 답이 좀 늦었네요 :) 네 이해하신게 맞습니다. 선언형 코드 작성을 위해 watch는 가급적 지양하시는 걸 추천드리구요. 전반적인 컴포넌트 코드를 간결하게 하실려면 computed 속성이 좋습니다 ㅎㅎ

개발자 툴에서 Vue가 표시되지 않는 현상.

0

96

2

chrome 확장 devtools 버전 문제

0

83

1

Vue.js not detected가 자꾸 뜹니다

0

86

2

마지막 강의가 안되요

0

57

1

data, computed, watch > Reactivity

0

52

1

f12누르고 개발자도구에 vue 탭이 안생겨요

0

91

1

vue composition api

0

74

1

강의 자료 다운이 될까요?

0

129

1

개발자 도구에서 뷰탭이 안보여요....

0

597

3

프롭스 데이터 질문입니다.

0

113

1

component.html:11 Uncaught ReferenceError: Vue is not defined at component.html:11:20 (anonymous) @ component.html:11

0

142

1

화면이 안떠요,, 이전 이후 강의는 뜨는데..

0

237

6

크롬 확장 프로그램 vue devtools 설치했는데

0

539

2

코드를 수정하고 브라우저의 Vue로 넘어가면 다운이 됩니다.

0

244

1

버튼을 클릭해도 event가 발생하지 않습니다.

0

312

1

vue3 css 경로 표시 문의

1

231

2

개발자도구 vue탭

0

357

1

화면 코드 보기

1

226

2

App.vue 내용 변경했는데 창이 연결할수없대요ㅜㅜ

1

385

2

html/css/js로 작성된 코드를 vue.js로 일부 전환하고자 이 강의를 듣기 시작했습니다.

1

891

2

Vue 개발자 도구에서 다른 기능들이 안보여요!

1

602

2

{{ num }} 이 <app-content> 아래에 들어가 있을때에는 노출이 안됩니다...

1

289

2

뷰 개발자도구 이벤트 타임라인 어느 부분에서 확인가능한건가요

1

401

2

다음 단계 강의는...?

1

387

2