码迷,mamicode.com
首页 > 其他好文 > 详细

vue按需引入Element UI的方法

时间:2019-06-01 19:58:21      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:zh-cn   模式   方法   是什么   有一个   inf   一个   png   开发   

在我们的实际项目开发中,多数是采用按需引入的模式来进行开发的,那么具体应该如何操作呢,可能会有许多新人傻傻分不清楚,具体将在下文讲到。

首先我们先vue create demo创建一个项目出来此时我们的项目是这样的

技术图片

此时我们在终端输入

vue add element

  技术图片

可以看到让我们选择全部引入还是按需引入,此时我们选择按需引入,Import on demand

技术图片

然后选择zh-CN,这时候我们可以看到此处多了一个plugins的文件夹,里面有一个element.js的文件,并且main.js中多了一个import的内容。然后如果我们仔细观察的话会发现其实babel.config.js也是注入了相关内容的。

技术图片

技术图片

从element官网我们可以看到是按照这种方式按需引入的,但是使用vue add element的这种方式的话,则无需按照这种方式进行单独配置。

技术图片

 

那么element.js文件是什么呢?我们且来一看,我们具体是如何按需引入的呢?

技术图片

然后我们就可以直接在页面直接使用啦,注意使用element的哪一个组件的话,都需要在本文件进行引入、使用的。

 

vue按需引入Element UI的方法

标签:zh-cn   模式   方法   是什么   有一个   inf   一个   png   开发   

原文地址:https://www.cnblogs.com/gitByLegend/p/10960504.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!