vue3 globalproperties

作者：为你丶偶尔温柔一次发布日期:2025-09-07 浏览:69

// 在 Vue 3 中，全局属性可以通过 `app.config.globalProperties` 来定义。
// 这是一个简单的示例，展示了如何添加一个全局方法 `$hello`。

import { createApp } from 'vue';
import App from './App.vue';

const app = createApp(App);

// 添加全局属性
app.config.globalProperties.$hello = function() {
  console.log('Hello, Vue 3!');
};

// 挂载应用
app.mount('#app');

// 在组件中使用全局属性
// <template>
//   <div @click="$hello">Click me</div>
// </template>

// 解释：
// 1. `createApp(App)` 创建了一个 Vue 应用实例。
// 2. `app.config.globalProperties` 用于定义全局属性或方法。
// 3. `$hello` 是一个全局方法，可以在任何组件中通过 `this.$hello` 或模板中的 `$hello` 访问。
// 4. 最后，`app.mount('#app')` 将应用挂载到 DOM 上。

上一篇：vue3 对象赋值

下一篇：vue3 列表