- Vue.js 3.x+Element Plus前端开发实战
- 趣千厘编著
- 304字
- 2023-07-17 19:25:56
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来调用。