How to create global variable in Vuejs
As you need to create a global variable and access that variable in your every component, for example, like you have a url “http://localhost:3000” and want to set in localhost variable and to change it to localhost while in development mode, or to production hostname when in production mode, you can define this variable in the prototype.
Goto your app.js file where you initialize the Vue
1 |
Vue.prototype.$hostname = 'http://localhost:3000'; |
1 2 |
Vue.config.productionTip = false Vue.prototype.$hostname = (Vue.config.productionTip) ? 'https://hostname' : 'http://localhost:3000' |
how to use a global variable in your components
1 2 3 4 5 6 7 8 9 10 |
export default { name: 'your_component_name', data(){ return { //ussing global defined variable hostName: this.$hostname } }, } |
Was this post helpful?
Let us know if you liked the post. That’s the only way we can improve.
Yes0
No0