vue引入Element,pc端元件庫

2021-08-21 04:13:23 字數 864 閱讀 2461

css是必引入的import 『element-ui/lib/theme-chalk/index.css』;

控制項的引入有二種方式

第一。import elementui from 『element-ui』;一次全部引入,方便但部分控制項未用到,導致專案過大

第二。import from 『element-ui』;用到什麼控制項,引入什麼控制項,麻煩但節約專案大小,優雅引入

//import elementui from 'element-ui';

import from 'element-ui'; //用什麼引入上面

import 'element-ui/lib/theme-chalk/index.css';

vue.use(button,swiper); //用什麼引入上面

下面是終端載入element和執行的**圖

完成上面步驟就可以實現 vue引入element的效果,

element內包含下面等功能,並沒有全部放上,element官網路徑

tabs 標籤頁

breadcrumb 麵包屑

dropdown 下拉列表

steps 步驟條

dialog 對話方塊

tooltip 文字提示

popover 彈出框

card 卡片

carousel 走馬燈

collapse 摺疊面板

vue按需引入iview UI庫pc端vue

借助外掛程式 babel plugin import可以實現按需載入元件,減少檔案體積。首先安裝,並在檔案 babelrc 中配置 babelrc配置檔案新增如下 註冊為元件 vue.component button button vue.component icon icon vue.compon...

Vue引入外掛程式

2.在src main.js中新增 1.在專案資料夾下,使用命令 npm install jquery s e dev 引入jquery.2.在bulid webpack.base.conf.js 中新增如下內容 3.在src main.js 檔案中引入 1.npm 安裝axios,檔案根目錄下安裝...

vue開發 vue引入echarts

npm install echarts s或者使用國內的 映象 npm install g cnpm registry taobao org cnpm install echarts s 引入echarts import echarts from echarts vue.prototype.echa...