element UI的安装过程

element UI的安装过程,第1张

1.npm安装:npm i element-ui -S

2.全局完整引入

2.按需引入

(1)首先,安装 babel-plugin-component,借助  babel-plugin-component ,我们可以只引入需要的组件,以达到减小项目体积的目的。

npm install babel-plugin-component -D

(2)

(3)

一、创建一个vue新项目(cli方式)     |--命令:vue init webpack elementui02二、通过npm方式安装element-ui  三、项目中引入element     |--两种方式:完整引入和按需引入     |--完整引入:|--按需引入(借助插件):     |--需要借助babel-plugin-component插件,按照我们需要的组件引入,以达到减小项目的目的。     |--安装:babel-plugin-component     |--修改.babelrc文件:     |--在main.js进行配置:     |--在HelloWorld进行使用:    |--如果引入没有配置的组件:el-dialog    |--完整的组件列表:         |--详见:https://element.eleme.cn/#/zh-CN/component/quickstart 四、全局配置size和zIndex     |--在引入Element时,可以传入一个全局配置对象{size:'small',zIndex:3000}。         |--size:用于改变组件的默认尺寸。         |--zIndex:设置d窗的出事z-index(默认:2000)。     |--完整引入配置:     |--按需引入配置:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/6083578.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存