vue按需引入Element UI的方法


在我們的實際項目開發中,多數是采用按需引入的模式來進行開發的,那么具體應該如何操作呢,可能會有許多新人傻傻分不清楚,具體將在下文講到。

首先我們先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的哪一個組件的話,都需要在本文件進行引入、使用的。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM