seniorVue.js
Explain the use of 'markRaw' and 'toRaw'.
Updated May 4, 2026
Short answer
toRaw returns the original object from a proxy; markRaw prevents an object from ever being made reactive.
Deep explanation
toRaw is used to perform read-only operations without proxy overhead. markRaw is vital for performance when storing complex 3rd party class instances or large static objects that don't need tracking. Once marked raw, Vue will never wrap that specific object in a proxy.
Unlock with a Pro subscription to view this section.
View pricingReal-world example
No real-world example available yet.
Unlock with a Pro subscription to view this section.
Upgrade to ProCommon mistakes
No common mistakes listed yet.
Unlock with a Pro subscription to view this section.
Upgrade to ProFollow-up questions
No follow-up questions available yet.
Unlock with a Pro subscription to view this section.
Upgrade to Pro