Vue provides globalProperties
on the app instance, an object that can be used to register global properties that can be accessed on any component instance inside the application.
Info
This is a replacement of Vue 2's Vue.prototype
which is no longer present in Vue 3.
msg
can be accessed on any component instance inside the application:
Warning
As with anything global, this should be used sparingly. If your app state is too complex, it's better to use Pinia.
If you liked this Vue tip, follow me on X to get notified about new tips, blog posts, and more. Alternatively (or additionally), you can subscribe to my weekly Vue & Nuxt newsletter:
Vue Tip: When to Use v-if
v-if has higher toggle costs while v-show has higher initial render costs.
Vue Tip: Avoid Directly DOM Manipulation
It is a no-go to manipulate the DOM in Vue.js directly. Instead, you should use the "ref" attribute.