ElementUI是一套基于Vue.js 2.0的桌面端組件庫。在使用ElementUI時,我們需要先引入Vue,然后再引入ElementUI組件庫。
以下是引入ElementUI的代碼:
// main.js import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);
在代碼中,我們先引入了Vue,并將其賦值給變量Vue。接著,我們通過import語句引入了ElementUI組件庫。其中,'element-ui'是ElementUI組件庫的包名,從npm倉庫下載安裝后node_modules/element-ui/dist目錄下會生成對應的文件,使用import時可直接指向該文件。
接下來,為了讓樣式文件正常引入和生效,我們還需要單獨引入ElementUI的樣式文件。該樣式文件提供了多種主題,這里我們選擇使用默認主題,因此引入了element-ui/lib/theme-chalk/index.css。
最后,我們通過Vue.use()函數將ElementUI注冊為Vue插件,使得我們可以在Vue實例中使用ElementUI提供的組件。
上一篇mini vue視頻
下一篇mysql從表中刪除數據