Vue ElementUI 的使用

Posted changedman

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue ElementUI 的使用相关的知识,希望对你有一定的参考价值。

简介:

        饿了么公司基于vue开的的vue的Ui组件库
        1.Element Ui    基于vue  pc端的UI框架 
        2. MintUi         基于vue 移动端的ui框架

element UI的使用:

    1.找官网  http://element.eleme.io/#/zh-CN/component/quickstart

    2.安装  cnpm i element-ui -S         -S表示  --save

    3.引入element UI的css 和 插件(main.js中)

        import ElementUI from ‘element-ui‘;
        import ‘element-ui/lib/theme-chalk/index.css‘;
        Vue.use(ElementUI);

    4、*webpack.config.js  配置file_loader      http://element.eleme.io/1.4/#/zh-CN/component/quickstart

          {
            test: /.(eot|svg|ttf|woff|woff2)(?S*)?$/,
            loader: ‘file-loader‘
              }//这是支持字体解析的配置如果不加会报错




















以上是关于Vue ElementUI 的使用的主要内容,如果未能解决你的问题,请参考以下文章

elementu输入框回显数据显示object

css Iteracjazapomocąlistyi pseudo elementu。

vue引入elementUI(第三方样式库)

vue+elementui 页面弹出框

Vue ElementUI 的使用

Vue学习总结23.Vue UI框架 ElementUi的使用