如何在整个Vue.js 3项目中包含可用的库?

如何在整个Vue.js 3项目中包含可用的库?,vue.js,vuejs3,Vue.js,Vuejs3,根据Vue.js 2中包含常用库(如axios)的正确方法,将它们设置为Vue prototype对象的属性,如下所示: import axios from 'axios'; Object.defineProperty(Vue.prototype, '$axios', { value: axios }); 不幸的是,这种方法在Vue.js 3中不再有效。那么,在整个项目中导入库的正确方法是什么?我不希望将它们设置为全局变量(即设置为窗口对象)。我认为在vue 3项目中使用库的最佳方法是使用依赖

根据Vue.js 2中包含常用库(如axios)的正确方法,将它们设置为Vue prototype对象的属性,如下所示:

import axios from 'axios';
Object.defineProperty(Vue.prototype, '$axios', { value: axios });

不幸的是,这种方法在Vue.js 3中不再有效。那么,在整个项目中导入库的正确方法是什么?我不希望将它们设置为全局变量(即设置为
窗口
对象)。

我认为在vue 3项目中使用库的最佳方法是使用依赖注入


不过,我只是建议您在真正需要的地方导入库,以获得更准确的intellisense,并使用更好的三层结构作为替代方案

从“vue”导入{createApp}
从“./App.vue”导入应用程序
从“axios”导入axios;
常量应用程序=createApp(应用程序)
app.provide('axios',axios)//注入的属性
}
}