项目中element-ui的运用
首先element-ui这个框架用在b端,即管理系统较多,我们这个商场系统c端用的较少,我们只是简单地了解用一下
一.安装,并按需引入 :
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不能一起使用