Apply global variable to Vuejs

by

Just Adding Instance Properties

For example, all components can access a global appName, you just write one line code:

Vue.prototype.$appName="My App"

or in vue3
app.config.globalProperties.$http = axios.create({ /* ... */ })

$ isn’t magic, it’s a convention Vue uses for properties that are available to all instances.

Alternatively, you can write a plugin that includes all global methods or properties.

More Related Contents:

  1. How to add external JS scripts to VueJS Components?
  2. How can I solve “Interpolation inside attributes has been removed. Use v-bind or the colon shorthand”? Vue.js 2
  3. Communication between sibling components in Vue.js 2.0
  4. [Vue warn]: Property or method is not defined on the instance but referenced during render
  5. How to listen for ‘props’ changes
  6. Passing props dynamically to dynamic component in VueJS
  7. Vuejs typescript this.$refs..value does not exist
  8. Is there any way to ‘watch’ for localstorage in Vuejs?
  9. Is it possible to emit from mounted in Vuejs?
  10. Vue v-on:click does not work on component
  11. Vue template or render function not defined yet I am using neither?
  12. Global data with VueJs 2
  13. Can we make vue.js application without .vue extension component and webpack?
  14. When should I use Vuex?
  15. Vue.js – Add class to clicked button
  16. Vuex – Computed property “name” was assigned to but it has no setter
  17. Vue.js dynamic images not working
  18. VueJS: why is “this” undefined?
  19. Vue.js 3 Event Bus
  20. How to call function on child component on parent events
  21. How to install jQuery into Nuxt.js?
  22. how to fix ‘Access to XMLHttpRequest has been blocked by CORS policy’ Redirect is not allowed for a preflight request only one route
  23. VueJS/Typescript – Cannot find module ‘./components/Navigation’ or its corresponding type declarations
  24. Parentheses while calling a method in Vue
  25. Methods vs Computed in Vue
  26. What is nextTick and what does it do in Vue.js?
  27. Add global variable in Vue.js 3
  28. How to set a component non-reactive data in Vue 2?
  29. How to use Vuetify tabs with vue-router
  30. VueJS conditionally add an attribute for an element

Leave a Comment