vue 中定义全局变量和函数:通过 vue.prototype 对象定义全局变量,在所有组件实例中可用。通过 vue.prototype 对象定义全局函数,在所有组件实例中可调用。通过 this 关键字访问全局变量和函数,注意谨慎使用,以免污染全局作用域。
Vue 中定义全局变量和全局函数
全局变量
在 Vue 中,可以通过 Vue.prototype 对象定义全局变量,它将在所有组件实例中可用。
Vue.prototype.globalVariable = 'Some value';
全局函数
同样地,可以通过 Vue.prototype 对象定义全局函数,它们也可以在所有组件实例中调用。
Vue.prototype.globalFunction = () => {
console.log('Hello from global function');
};
使用方法
定义好全局变量和函数后,可以在任何组件中通过 this 关键字访问它们。
全局变量:
this.globalVariable; // 'Some value'
全局函数:
this.globalFunction(); // 输出 'Hello from global function'
注意:
- 尽量谨慎使用全局变量和函数,因为它们会污染全局作用域。
- 考虑使用其他模式来管理状态,例如 Vuex 商店或 Composition API。