先 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中引入...