博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ElementUI项目的搭建和简介
阅读量:3959 次
发布时间:2019-05-24

本文共 442 字,大约阅读时间需要 1 分钟。

ElementUI 项目搭建的环境

在ElementUI官网提供了两种方式进行使用ElementUI,有直接使用CDN加速进行使用,但是在现在都需要进行前后端分离,所以说我们这还是使用Vue-cli脚手架进行安装。先安装一个脚手架的项目。脚手架的使用参考

安装脚手架之后,进行这个项目,使用官网提供的命令进行下载elementUI。npm i element-ui -S

在这里插入图片描述
ElementUI 项目在vue-cli下搭建的配置

在main.js当中进行导入ElementUI,并且让Vue进行使用,添加以下三行代码

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

ElementUI组件的使用

先构建一个vue文件,进行注册到index.js当中,而使用组件我们只需要去官网当中复制组件的代码到vue文件当中即可。

以按钮组件为例:

在这里插入图片描述

转载地址:http://pkqzi.baihongyu.com/

你可能感兴趣的文章