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来调用。