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`实例挂载到全局变量中会增加全局变量的数量，容易导致命名冲突和不必要的全局污染。

相关问题

app.config.globalProperties.$axios

这是一个 Vue.js 中使用 Axios 的常见方法。在 Vue.js 中，可以通过 `app.config.globalProperties` 全局注册一个方法或属性。在这种情况下，我们可以将 Axios 实例作为全局属性注册，以便在整个应用程序中使用。

具体地说，`app.config.globalProperties.$axios` 表示将 Axios 实例作为 `$axios` 属性注册到 Vue.js 应用程序的全局属性中。这意味着我们可以在组件中使用 `$axios` 来发起网络请求。

示例代码如下：

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

const app = createApp(App)

app.config.globalProperties.$axios = axios

app.mount('#app')

在上面的示例中，我们首先导入了 `axios` 模块，并在 `createApp` 函数中将其作为全局属性注册。然后，我们将创建的 Vue.js 应用程序挂载到 `#app` DOM 元素上。

现在，我们可以在组件中使用 `$axios` 属性来发起网络请求了。例如：

export default {
  mounted () {
    this.$axios.get('/api/data')
      .then(response => {
        console.log(response.data)
      })
  }
}

在上面的示例中，我们在组件的 `mounted` 生命周期钩子中使用 `$axios` 属性发起了一个 GET 请求，并在控制台中打印响应数据。

app.config.globalProperties.ElMessage.success 全局重写

对于 Vue.js 3，你可以通过在 `main.js` 文件中全局重写 `app.config.globalProperties` 来修改 `ElMessage.success` 的行为。以下是一个示例：

import { createApp } from 'vue';
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';

const app = createApp(App);

app.use(ElementPlus);

app.config.globalProperties.$message = (options) => {
  if (options.type === 'success') {
    // 自定义成功消息的行为
    console.log('自定义成功消息的行为:', options.message);
  } else {
    // 其他类型消息的默认行为
    ElMessage(options);
  }
};

app.mount('#app');

在上面的示例中，我们通过重写 `$message` 方法来自定义成功消息的行为。如果传入的 `options` 对象中的 `type` 是 `success`，我们会在控制台输出自定义成功消息的行为。否则，我们会调用原始的 `ElMessage` 方法来处理其他类型的消息。

请注意，在重写全局属性时，确保在 `app.use(ElementPlus)` 之后进行配置。这样可以确保在重写时，`ElMessage` 已经被正确注入到 Vue 应用中。