- Vue.js 3.x+Element Plus前端開發實戰
- 趣千厘編著
- 304字
- 2023-07-17 19:25:55
1.5.1 在不安裝Element的情況下引入Element
在不安裝Element的情況下引入Element有3步:
(1)引入CSS樣式文件。因為Element是一個UI框架,定義了一整套樣式,所以正式使用Element之前需要引入CSS樣式文件。
(2)引入Vue.js文件。由于Element是基于Vue..js開始的,所以在引入Element之前需要引入Vue.js。
(3)引入Element Plus JS文件。和Vue.js一樣,在不安裝Element的情況下,可以用script標簽通過CDN方式引入Element。
根據不同的CDN提供商有不同的引入方式,通過上面3步,就可以正式使用Element UI框架了。這里仍以unpkg CDN地址舉例,Vue和Element Plus都使用unpkg CDN鏈接,最終引入的代碼如下:

注意:當直接通過script標簽使用Element Plus時,其下所有組件都掛載在全局變量ElementPlus下面,如需使用某個組件的某些屬性或方法,可以通過Elemeng Plus直接訪問,如訪問ElMessageBox的confirm方法,直接用ElementPlus.ElMessageBox.confirm來調用。