vue專案引入element ui

2021-10-07 09:40:33 字數 910 閱讀 4138

先 npm 安裝element-ui

npm i element-ui -s
然後分為 完整引入 和 按需引入

完整引入

我就不多說了,十分簡單,參照官網

官網位址

按需引入

首先npm安裝依賴

npm

install babel-plugin-component -d

然後在babel.config.js檔案做配置

配置如下(複製貼上即可):

// 這是預設的,注釋掉

// module.exports =

;// 按需引入element-ui

module.exports =]],

plugins: [

["component",

]]}

接下來,如果你只希望引入部分元件,比如 button 和 select,那麼需要在 main.js 中寫入以下內容:

import vue from 'vue'

;import

from 'element-ui';;

vue.component(button.name, button)

;vue.component(select.name, select)

;/* 或寫為

* vue.use(button)

* vue.use(select)

*/new vue(

);

這裡有一篇別人的如何在專案中引入element-ui的文章,十分不錯,可以參考

Vue專案檢視當前使用的elementUI版本

在我們引入elementui的時候,一般是兩種方式 npm安裝或者在script直接引入 當然,在script直接引入的時候,我們也可以通過直接指定版本的方式,達到鎖定版本的效果。直接引入是從外網引入,每次載入都是讀取外部 我們大部分開發者可能使用的是npm安裝的方式,採用這種方式引入的時候,ele...

vue專案引入bootstrap jq

引入jquery npm install jquery 找到build資料夾下的webpack.base.conf.js檔案開啟,修改配置 1 加入webpack物件 var webpack require webpack 2 在module.exports裡面加入 html view plain ...

vue 專案 引入jquery

1 在專案中安裝jquery。npm install jquery 2 在專案根目錄下的build webpack.base.conf.js檔案中 先寫以下 var webpack require webpack 在module.exports的最後寫 3 在根目錄下的 src main.js中引入...