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.

import { createApp } from 'vue'

const app = createApp({
  /* root component options */
})

app.config.globalProperties.msg = 'hello'

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

<script>
export default {
  mounted() {
    console.log(this.msg) // 'hello'
  },
}
</script>