uniapp vue3const app = createApp({}); app.config.globalProperties.$message = showMessage;如何调用全局属性
时间: 2024-04-30 14:21:19 浏览: 145
浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件
在 Vue3 中,使用 `createApp` 创建应用程序实例后,可以通过 `app.config.globalProperties` 属性来添加全局属性,例如你的示例中添加了一个 `$message` 属性。要在组件中使用这个全局属性,可以直接通过 `$message` 来调用,例如:
```vue
<template>
<div>
<button @click="showMessage">显示消息</button>
</div>
</template>
<script>
export default {
methods: {
showMessage() {
this.$message('Hello, World!');
}
}
};
</script>
```
在上面的示例中,我们在组件的 `methods` 中定义了一个 `showMessage` 方法,在这个方法中可以直接通过 `this.$message` 来调用全局属性 `$message` 中定义的方法 `showMessage`。
阅读全文