📚 Reference

• 공식 문서 1

📜 Chapter

Vue Flow

Proxy

toRaw()

ref, reactive

markRaw()

• markRaw()
• Vue 3에서 반응성을 제거하는 데 사용되는 함수이다.
• 이 함수는 객체를 반응형(reactive)으로 만들지 않고, 원시 객체(raw object)로 유지하는 역할을 한다.

작동 방식

• Vue 3의 반응형 시스템은 Proxy 객체를 사용하여 데이터 변경을 감지한다.
• 이 시스템은 성능과 효율성을 위해 설계되었지만, 특정 상황에서는 오히려 문제가 될 수 있다.
• 예를 들어, 거대한 라이브러리 객체나 DOM 객체를 반응형으로 만들면 성능 오버헤드가 발생하거나 예측하지 못한 동작이 일어날 수 있다.
• markRaw는 이러한 문제를 해결하기 위해 도입되었다.
• markRaw로 래핑된 객체는 Vue의 반응성 추적 대상에서 제외되므로, 데이터가 변경되어도 뷰가 업데이트되지 않는다.

사용 하는 곳