为何全局配置

实际开发项目中，很多组件会用到相同的工具，比如：mitt、axios等，此时会遇到如下两个问题：

① 每个组件都需要导入相同的工具，导致代码臃肿，降低耦合性

② 每次发请求都需要填写完整的请求路径，不利于后期的维护

如何全局配置

① 在 main.js 入口文件中，引入对应的库

② 通过 app.config.globalProperties 即可实现全局挂载

③ vue官方提供的成员多以“$”开头，所以为了模仿vue的官方用法，建议也使用“$”开头

检查已安装的包

打开项目根目录的 package.json 文件，在 dependencies 节点下，查看是否安装了要配置的包

全局挂载 mitt

使用方法：Options API 场景下，将原先在组件内引入的包，换作 this.$bus 即可

全局挂载 axios

使用方法：在 main.js 中已把 axios 配置为 $http 且设置好了跟路径，将原先的 axios.get() 换作 this.$http.get()，请求路径仅填写 uri 部分即可

发起 GET 请求：

发起 POST 请求：