element-ui入门例子

nodejs要为稳定版

cd 到项目内部
npm i element-ui -S

安装「主题生成工具」
npm i element-theme -g

安装白垩主题
npm i element-theme-chalk -D

初始化变量文件
et -i

编译主题
et

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(Element, { size: 'small', zIndex: 3000 });
Vue.use(ElementUI);

new Vue({
    el: '#app',
    render: h => h(App)
});

App.vue

<template>
  <div>
    
   
    <div>
      <i class="el-icon-video-camera-solid"></i>
<i class="el-icon-s-platform"></i>
<i class="el-icon-delete"></i>
<el-button type="primary" icon="el-icon-search">搜索</el-button>

    </div>
  </div>
</template>

<script>
    export default {
      name:'App',
    data: () => ({
      show: true
    })
  }
</script>

<style>

</style>

最后

以上就是细腻红酒为你收集整理的element-ui入门例子的全部内容，希望文章能够帮你解决element-ui入门例子所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。