Complete Vue.js 3 Guide [12/10]

Open the application instance, we will find a config property. It has a property named globalProperties. Currently, its value is an empty object.

Properties added into this object will be accessible to all components. They will be added into the root level of all component instances.

We add an info property and set its value using a string.

Let’s run the program.

We first check the root component instance.

We can see it has received the info property. Pay attention here, the info property is not a data property.

Next, let’s check the child component instance.

Things are the same here. The child component instance has received the info property and the info property is not a data property.