What Does Proxy Mean In The Console In Vue 3?

I'm shuffling an array and getting a weird message in the console. My JSON file looks like this: [ { 'id': 1, 'name': 'Sushi', 'image': 'https://images.pexels.com/pho

Solution 1:

Reactive objects in Vue 3 have the Proxy label because Vue's reactivity system uses proxies as the fundamental mechanism for reactivity.

From the Vue 3 guide on reactivity:

a Proxy is an object that encases another object or function and allows you to intercept it.

A proxy specifies a:

1. Target (the original object)

2. Handler (or trap)

The handler traps calls to the target object.

The console is letting you know that the logged object has a proxy in effect.