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)。 |--完整引入配置: |--按需引入配置:欢迎分享,转载请注明来源:内存溢出
评论列表(0条)