当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 项目中element-ui的运用

项目中element-ui的运用

2020年07月21日  | 移动技术网IT编程  | 我要评论

项目中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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网