组件的高级配置(应用的全局配置选项)

当调用Vue.createApp方法后，会创建一个Vue应用实例，对于此应用实例，其内部封装了一个config对象，我们可以通过这个对象的一些全局选项来对其进行配置。常用的配置项有异常与警告捕获配置和全局属性配置。

• 异常和警告，使用自定义的函数来对抛出的异常和警告进行处理：

  const App = Vue.createApp({})
  
  App.config.errorHandler = (err, vm, info) => {
      // 捕获运行中产生的异常
      // err参数是错误对象,info为具体的错误信息
  }
  
  App.config.warnHandler = (msg, vm, trace) => {
      // 捕获运行中产生的警告
      // msg是警告信息,trace是组件的关系回溯
  }

• 通过globalProperties全局属性对象进行配置：

  const App = Vue.createApp({})
  
  // 配置全局数据
  App.config.globalProperties = {
      version: "1.0.0"
  }
  
  const sub = {
      mounted() {
          // 在任意组件的任意地方都可以通过this直接访问全局数据
          console.log(this.version)
      }
  }