Vue Tip: Use Vue App Instance as Global Store

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.

1import { createApp } from 'vue'
2
3const app = createApp({
4  /* root component options */
5})
6
7app.config.globalProperties.msg = 'hello'

msg can be accessed on any component instance inside the application:

1<script>
2export default {
3  mounted() {
4    console.log(this.msg) // 'hello'
5  },
6}
7</script>