vue3使用全局扩展属性app.config.globalProperties
// 在 Vue 3 中使用 globalProperties 添加全局属性或方法
import { createApp } from 'vue';
import App from './App.vue';
// 创建 Vue 应用实例
const app = createApp(App);
// 添加全局属性或方法
app.config.globalProperties.$myGlobalProp = '这是一个全局属性';
app.config.globalProperties.$myGlobalMethod = function () {
console.log('这是一个全局方法');
};
// 挂载 Vue 应用实例到 DOM
app.mount('#app');在任何组件内部，你可以通过 this.$myGlobalProp 访问全局属性，通过 this.$myGlobalMethod() 调用全局方法。
// 在组件内部使用全局属性和方法
<script>
export default {
mounted() {
console.log(this.$myGlobalProp); // 输出：这是一个全局属性
this.$myGlobalMethod(); // 输出：这是一个全局方法
}
}
</script>
评论已关闭