vue 结合饿了么element-ui

vue 结合饿了么element-ui本文主要介绍如何在vue框架中结合elementUI。本文主要参考：http://element-cn.eleme.io/#/zh-CN/component/installation1、阅读本文前请先阅读http://blog.csdn.net/wild46cat/article/details/763602292、在阅

archer.wu

11126人浏览 · 2017-11-02 22:26:43

archer.wu · 2017-11-02 22:26:43 发布

vue 结合饿了么element-ui

本文主要介绍如何在vue框架中结合elementUI。

本文主要参考：

http://element-cn.eleme.io/#/zh-CN/component/quickstart

1、阅读本文前请先阅读http://blog.csdn.net/wild46cat/article/details/76360229

2、在阅读上述文章后，已经能够搭建一个简单的vue程序的框架了。下面就把elementUI结合进去。

执行命令：

npm i element-ui -S

3、在main.js中添加element-ui模块，并且使用这个模块

4、在界面中添加一个elementUI的按钮<el-button>123123</el-button>

这样就能够在项目中使用饿了么的前端组件了。

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport