项目中element-ui的运用

2022-06-24 13:07:33

项目中element-ui的运用

首先element-ui这个框架用在b端,即管理系统较多,我们这个商场系统c端用的较少,我们只是简单地了解用一下

element-ui官网

一.安装,并按需引入 :
npm i element-ui babel-plugin-component --save-dev

二.配置babal.config.js:
安装按需引入插件babel-plugin-component后,会自动生成一个babal.config.js文件:

module.exports={"presets":['@vue/cli-plugin-babel/preset'],"plugins":[["component",{"libraryName":"element-ui","styleLibraryName":"theme-chalk"}]]}

三.main.js中引入:
1》{Message} 和 element-ui基本样式
在这里插入图片描述
2》通过原型使用,以后每个组件不用再引用{Message}
在这里插入图片描述
四.使用:
在这里插入图片描述
在这里插入图片描述

五.注意配置babel的时候:
.babelrc文件和babel.config.js不能一起使用

  • 作者:啵雨的博客
  • 原文链接:https://blog.csdn.net/qq_25503949/article/details/107442545
    更新时间:2022-06-24 13:07:33