前言
小伙伴们大家好,今天要跟大家分享的是能够提升幸福感的关于组件导入的两个小技巧。做前端开发的小伙伴都知道,当前前端中有两大流行的框架Vue和React。而现在的前端开发中大部分公司用的也都是这两大框架。那么不管是用的vue还是react都离不开第三方的UI组件库,比如elementui、ant-design和vant等等。
既然用到了第三方库,那么势必就少不了安装、导入和注册,然后才能使用,接下来我们就以vue+elementui为例来分享一下如何提升幸福感。
按需导入的瑕疵
在我们使用elementui库时,官方为我们提供了两种导入组件库的方式,一种是将整个ui库全部导入,也就是说不管系统中用不用的到我都给你导进来,想用拿来就用,不用拉到放在墙角堆着。显然这不是一个很好的方案,因为导入全部的组件势必会导致程序的体积变大,一般情况下是不用这种导入方式的。而另一种导入方式也是比较常用的导入方式就是“按需导入”,也就是说用到哪个组件我就导入哪个组件。比起第一种方案确实会缩小整个程序的体积。但同时也会带来一些使用上的不便。
下面我们先来看下elementui官方为我们提供的使用方法:
import Vue from 'vue';
import<