如何从 vue.js 中的多个路径导入使用相同名称的组件或工具？

大佬教程收集整理的这篇文章主要介绍了如何从 vue.js 中的多个路径导入使用相同名称的组件或工具？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何从 vue.js 中的多个路径导入使用相同名称的组件或工具？？

项目结构如下

- src
    - business
        - SALEs
            - vIEws
            - components
            - filter.Js
            - router.Js
            - ...
        - markeTing
            - vIEws
            - components
            - filter.Js
            - router.Js
            - ...
- App.vue
- main.Js
- ...

import filter from "@SALEs/filter";
import filter from "@markeTing/filter";
Vue.use(filter);

import router from "@SALEs/router";
import router from "@markeTing/router";
Vue.use(filter);
...

然后我得到了语法错误 已声明标识符“过滤器”， 已声明标识符“路由器”

vue.Js 中如何从多个路径导入过滤器、路由器或常用的同名东西？

解决方法

import SALEsFilter from "@SALEs/filter";
import markeTingFilter from "@markeTing/filter";

Vue.use(SALEsFilter);
Vue.use(markeTingFilter);

import { filter as SALEsFilter } from "@SALEs/filter";
import { filter as markeTingFilter } from "@markeTing/filter";

Vue.use(SALEsFilter);
Vue.use(markeTingFilter);

import filter from "@SALEs/filter";
import {default as filter1 } from "@markeTing/filter";
Vue.use(filter);
Vue.use(filter1);

大佬总结

以上是大佬教程为你收集整理的如何从 vue.js 中的多个路径导入使用相同名称的组件或工具？全部内容，希望文章能够帮你解决如何从 vue.js 中的多个路径导入使用相同名称的组件或工具？所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。