03.Element UI 之安装使用(npm)

Posted

tags:

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

参考技术A 一、创建一个vue新项目(cli方式)

    |--命令:vue init webpack elementui02

二、通过npm方式安装element-ui

 三、项目中引入element

    |--两种方式:完整引入和按需引入

    |--完整引入:

|--按需引入(借助插件):

    |--需要借助babel-plugin-component插件,按照我们需要的组件引入,以达到减小项目的目的。

    |--安装:babel-plugin-component

    |--修改.babelrc文件:

    |--在main.js进行配置:

    |--在HelloWorld进行使用:

    |--如果引入没有配置的组件:el-dialog

    |--完整的组件列表:

        |--详见:https://element.eleme.cn/#/zh-CN/component/quickstart

四、全局配置size和zIndex

    |--在引入Element时,可以传入一个全局配置对象size:'small',zIndex:3000。

        |--size:用于改变组件的默认尺寸。

        |--zIndex:设置弹窗的出事z-index(默认:2000)。

    |--完整引入配置:

    |--按需引入配置:

以上是关于03.Element UI 之安装使用(npm)的主要内容,如果未能解决你的问题,请参考以下文章

Git详解之安装

Vue的入门之安装

LAMP架构之安装PHP

国际化实现之安装脚手架vue

Python3.x下Selenium3.x之安装篇

Docker 技术系列之安装多版本Mysql5.6和Mysql5.7