项目中element-ui的运用

项目中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不能一起使用