vue3 app.config.globalProperties 怎么调用

在 Vue 3 中，可以通过以下方式调用 `app.config.globalProperties`：

const app = createApp(App)

app.config.globalProperties.$myProperty = 'Hello, world!'

app.mount('#app')

在上述代码中，我们将一个名为 `$myProperty` 的全局属性添加到了 `app.config.globalProperties` 中，然后在组件中可以直接通过 `this.$myProperty` 来访问它。

相关问题

vue3 app.config.globalproperties

在Vue 3.x中，Vue.prototype已经被移除了，取而代之的是app.config.globalProperties。这个属性可以用来添加全局属性或方法，这些属性或方法可以在整个应用程序中使用，而不需要在每个组件中单独导入或定义。例如，我们可以使用以下代码将一个名为$http的方法添加到全局属性中：

const app = Vue.createApp({})
app.config.globalProperties.$http = () => {
// ...
}

这样，我们就可以在整个应用程序中使用$http方法，而不需要在每个组件中单独导入或定义。

vue3 app.config.globalProperties的使用

在Vue 3中，可以使用app.config.globalProperties来注册全局属性或方法，这些属性和方法将被注入到所有的组件实例中。具体使用如下：

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

const app = createApp(App)

app.config.globalProperties.$appName = 'My App'

app.mount('#app')

在上面的例子中，我们将一个名为`$appName`的属性注册为全局属性，可以在任何组件中使用，如下所示：

export default {
  mounted() {
    console.log(this.$appName) // 输出 "My App"
  }
}

需要注意的是，在Vue 3中，全局属性和方法的注册方式发生了变化，不再像Vue 2中使用Vue.prototype，而是使用app.config.globalProperties，这是Vue 3中的新特性。