app.config.globalProperties 与window

app.config.globalProperties 是 Vue.js 中的一个全局配置对象，它允许我们在 Vue 实例之外访问全局属性或方法。通过将属性或方法添加到 app.config.globalProperties 对象中，我们可以在整个应用程序中访问它们，而不需要每次都导入或注入。

window 是浏览器中的全局对象，它代表了当前浏览器窗口或标签页。window 对象提供了许多属性和方法，用于操作浏览器窗口、处理事件、操作文档等。在前端开发中，我们经常使用 window 对象来获取或设置全局变量、操作浏览器历史记录、执行定时任务等。

相关问题

app.config.globalProperties能被控制台获取么

在浏览器控制台中无法直接获取到`app.config.globalProperties`。因为`app`是Vue.js框架中的实例对象，只有在Vue.js应用程序中才能访问到它。而`config`和`globalProperties`是Vue.js框架中`app`实例的属性，也只能在Vue.js应用程序中访问到。

如果想要在控制台中获取到`app.config.globalProperties`，需要先在Vue.js应用程序中将其挂载到全局变量中，例如：

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

const app = createApp(App)

app.config.globalProperties.$myGlobalProperty = 'Hello World!'

app.mount('#app')

在这个例子中，我们将一个名为`$myGlobalProperty`的属性挂载到了`app.config.globalProperties`中。如果我们在控制台中输入`window.app.config.globalProperties.$myGlobalProperty`，就可以获取到该属性的值。但是需要注意的是，这种方式并不是推荐的做法，因为将`app`实例挂载到全局变量中会增加全局变量的数量，容易导致命名冲突和不必要的全局污染。

Element Plus 为 app.config.globalProperties 添加了全局方法 $message。 因此在 vue 实例中你可以使用当前页面中的调用方式调用 Message，那如何在js文件中使用全局方法$message

在 Vue 应用中，由于 Element Plus 将 `$message` 方法添加到了全局属性 `app.config.globalProperties` 中，所以在任何 Vue 实例之外，比如单独的 JavaScript 文件里，你也可以直接访问这个方法。不过因为 Vue 的单文件组件（.vue）的生命周期钩子允许你在 `setup` 函数中操作全局属性，所以通常不会直接在 js 文件中使用 `$message`。

如果你想在非Vue组件的外部脚本中使用 `$message`，可以采取以下步骤：

1. 首先，确保你已经通过 `import` 引入了 Element Plus，如果是在 Webpack 环境下，可能需要配置别名(`alias`)指向 Element Plus 的安装目录。

import { ElMessage } from 'element-plus';

2. 创建一个全局的变量来引用 `$message`，并在适当的时候初始化它：

let globalMessage;

if (window.app && window.app.config && window.app.config.globalProperties) {
  globalMessage = window.app.config.globalProperties.$message;
} else if (typeof globalThis === 'object' && globalThis.app && globalThis.app.config && globalThis.app.config.globalProperties) {
  globalMessage = globalThis.app.config.globalProperties.$message;
}

// 初始化后，就可以使用 globalMessage 来调用 message 方法了
globalMessage.success('这是个消息示例');

3. 注意检查 `window.app` 和 `globalThis.app` 是否存在，以适应现代浏览器环境的变化。

如果你需要在非Vue应用的上下文中使用，可以考虑将 `$message` 的实例化过程封装成一个可复用的模块，以便在任何地方都能轻松地使用。