Element ui入门

梦里梦外; 2023-03-06 05:15 67阅读 0赞

完整引入

  1. import Vue from 'vue';
  2. import ElementUI from 'element-ui';
  3. import 'element-ui/lib/theme-chalk/index.css';
  4. import App from './App.vue';
  6. Vue.use(ElementUI);
  8. new Vue({
  9.   el: '#app',
  10.   render: h => h(App)
  11. });

实际项目中一般不会完整引入，而是按需引入
学习这个ui框架，需要你有一定的VUE的基础知识，然后就是慢慢熟悉这套ui组件的使用，非常容易入门的一个框架，在使用上也非常流行。

element ui的中文链接地址 https://element.eleme.cn/#/zh-CN/component/layout

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <!-- 引入样式 -->
  6.   <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  7. </head>
  8. <body>
  9.   <div id="app">
  10.     <!-- 按钮 -->
  11.     <el-button @click="visible = true">按钮</el-button>
  13.     <!-- 下拉框 --

发表评论

表情：
评论列表 （有 0 条评论，67人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Element-UI

    目录 Layout 布局 按钮组件结合 el-icon 使用 单选框 复选框 日期组件 表格 分页 对话框 表单验证 -------------------

    小咪咪小咪咪/ 0 赞/ 148 阅读