inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

반응형 기초 (Reactivity)

반응형기초-readonly 질문

232

jiyoon jang

작성한 질문수 2

0

안녕하세요, 반응형 기초-readonly 관련 질문입니다.

original을 선언하고, original의 copy를 선언했을 때 copy를 readonly로 하면 copy의 값을 직접적으로 바꿀 수 없다는 점을 이해했습니다.

 

그런데 original.count++를 하면 original의 count 값만이 아니라 copy의 count 값도 바뀌더라고요.

저는 readonly를 사용한 게 count의 초기값을 보존하기 위해서라고 생각하고(마치 python에서 초기값을 다른 상수에 저장해놓는 것처럼), 어떤 때에도 readonly로 선언된 값은 변경되지 않는 줄 알았는데 original을 사용하니 값이 같이 바뀌어버렸습니다. 값을 고정할 수 없다면 readonly를 왜 사용하는 것인지 궁금합니다.

vuejs

답변 1

0

짐코딩

안녕하세요 :)

수업에서 말씀 드렸던 것처럼

내부 컴포넌트에서 사용하는 반응형 상태(original)를

외부 컴포넌트에 전달해야 할 때, 하지만 값의 변경(외부에서의)을

원치않을 때 사용하시면 됩니다.

만약 어떤 때에도 readonly로 선언된 값은 변경되지 않게 하려면 상수(const)선언을 사용하시면 되겠죠?

감사합니다.

 

 

props로 함수를 전달했을 때의 질문입니다!

0

640

1

eslint 세팅 질문 드립니다.

0

1720

2

컴포넌트 이벤트 전파 관련 질문입니다

0

503

1

app-level의 provide한 값을 새로고침시 정상적으로 inject하지 못함.

1

531

1

this.$refs에 값이 들어가는 시점이 언제인가요?

0

837

1

npm run dev 설치중

0

626

2

reactive vs ref... 굳이 reactive를 사용하는 이유가 뭔가요?

1

1952

1

dummy api axios 호출시 cors 에러

0

539

1

19:17 emit 관련 질문

0

570

1

reactive로 선언한 반응형 객체 자체를 바꿨는데 watch 콜백함수가 실행이 안되요

0

573

1

자식 컴포넌트에 input 태그, checkbox 같은 form 태그가 없으면 v-model 안 쓰는건가요?

0

582

1

template내 자바스크립트 표현식 평가 시점은 언제인가요?

0

352

1

App.vue 물결 표시 제거 방법

0

378

1

v-if 질문입니다!

0

565

1

ref vs reactive vs shallowRef

0

654

1

script 태그는 컴포넌트를 처음 가져올때 한번만 실행된다는 게 잘 이해가 안됩니다

1

671

1

이벤트 핸들러로 왜 일반 함수로는 작동이 안 되나요? + console.log도 인식이 안되요

0

348

1

Vue3 Composition API - computed

0

461

1

setup 함수내 문자열 관련 질문입니다.

0

350

2

v-on:click ="" 질문입니다

0

352

1

v-on:click="" 질문입니다

0

239

1

v-for에서 style을 사용하려 할 때

0

377

1

reactive와 computed 차이 질문

0

1113

1

emits사용 이유

1

454

1