在我們的實際項目開發中,多數是采用按需引入的模式來進行開發的,那么具體應該如何操作呢,可能會有許多新人傻傻分不清楚,具體將在下文講到。
首先我們先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的哪一個組件的話,都需要在本文件進行引入、使用的。