Element UI 是什么?
Element,一套为开发者、设计师和产品经理准备的基于 VUE2.0 的桌面端组件库。
饿了么开源组件库
github 4w+ star
访问官网:https://element.eleme.cn/#/zh-CN/component/installation
基本用法
初始化项目
vue create element-test
npm 安装
npm i element-ui -S
引入 Element
完整引入
在 main.js 中写入一下内容
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(ElementUI);
new Vue({
el: '#app',
render: h => h(App)
});
element-ui 案例
<template>
<div id="app">
<el-button @click="show">点我</el-button>
</div>
</template>
<script>
export default {
name: 'app',
methods: {
show() {
this.$message.success('Toast from element-ui')
}
}
}
</script>