如何封装全局的对象或者组件?

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>),好了下面开始说正事:


实际的需求是我把localstorage封装到utils包中了

然后每次在一个组件中要用到localstorage就要 import storage form ...

觉得这样很麻烦

我有一个大胆的想法:

在根组件里面封装或者引入一个组件,姑且称之为:a组件,把它注册到:components中.name我是否可以在根组件下所有的其他组件中直接使用它呢?而不是在main.js中用Vue.component("a",options) 来注册全局组件?

###

参见这个问题下的优质答案,因为 vue-cli 是基于 webpack 的,找到对应配置文件修改下就可以。
不过我十分不建议这么做,因为显式地 import 模块可以让代码的依赖更加透明,方便后面维护的人梳理逻辑,以及部分编辑器的智能代码提示。显式地 import 也方便以后迁移代码,比如等绝大部分浏览器原生支持 import 关键字的时候,直接抛开 webpack 打包(当然,这段代码生命力可能没有这么持久)。
在 webpack 中配置全局变量通常是为了给老旧的代码打包,比如动不动就一个 $ 的老代码。

郑重声明:本站部分内容转载自网络,版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(QQ/微信153890879)修改或删除,多谢。