vue element plus,Element-Plus

　　这篇文章主要介绍了Vue3.x中使用元素加的各种方式详解，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

目录

　　 安装元素加方式一、全局引入元素加方式二、单个组件中使用方式三、经过自己封装按需引入1.在项目的科学研究委员会目录下建一个文件夹global2.register-element.ts代码如下3 .索引。分时（同timesharing）代码如下4 .主服务中引入

安装element-plus

　　元素加

　　//NPM

　　新公共管理安装元素加保存

　　//纱线

　　纱线添加元素-还有

　　//pnpm

　　pnpm安装元素-还有

方式一、全局引入element-plus

　　在主页面中全局注册，这种方式引入后，在全局中使用都不需要进口就可以直接使用

　　从“元素加”导入ElementPlus

　　导入 element-plus/dist/index.css

　　const app=createApp(App)

　　app.use(ElementPlus)

方式二、单个组件中使用

　　直接在该组件中引入相应的组件，进行使用，这种在项目中一般比较少用到

　　模板

　　埃尔-配置-提供程序

　　app /

　　/El-config-提供程序

　　/模板

　　脚本

　　从“vue”导入{定义组件}

　　从“元素加”导入{ ElConfigProvider }

　　导入{}//引入相应组件的钢性铸铁样式和基本样式

　　导出默认定义组件({

　　组件：{

　　ElConfigProvider，

　　}

　　})

　　/脚本

方式三、经过自己封装按需引入

1.在项目的src目录下建一个文件夹 global

　　该文件夹下可以添加很多全局引入的一些设置，添加默认入口index.ts和具体组件代码文件注册元素。分时（同timesharing）

2.register-element.ts代码如下

　　从“vue”导入{应用程序}

　　导入 element-plus/dist/index.css

　　从"元素加"//导入{ ElButton，ElForm，ElMenu }项目中用到哪些组件就往里添加就好了

　　const components=[ElButton，ElForm，ElMenu]

　　导出默认函数(app:App):void{

　　对于(组件的常量组件){

　　应用程序组件(组件名，组件)

　　}

　　}

3.index.ts代码如下

　　从“vue”导入{应用程序}

　　从""导入注册元素./register-element

　　导出函数globalRegister (app:App):void{

　　app.use(registerElement)

　　}

4.main.ts中引入

　　从导入{全球注册} ./全局

　　const app=createApp(App)

　　app.use(全球注册)

　　大型项目中基本都是使用自己封装的这种方式。

　　以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。