Vue组件库---Element

什么是Element 

• Element:是饿了么团队研发的，一套为开发者设计师和产品经理准备的基于Vue 2.0 的桌面端组件库
• 组件:组成网页的部件，例如 超链接，按钮，图片，表格等
• 官网:https://element.eleme.cn/#/zh-CN

安装ElmentUI组件库

 npm install [email protected]

引入Element组件库

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

常见组件

• Table表格:用于展示多条结构类似的数据，可对数据进行排序，筛选，对比或其它自定义操作

• Pagination分页:当数据量过多时，使用分页分解数据

• Dialog 对话框:在保留当前页面状态的情况下，告知用户并承载相关操作

  打开嵌套表格的 Dialog
      
        
          
          
          
        
      

• Form表单:由输入框，选择器，单选框，多选框等控件组成，用以收集，校验，提交数据

•  打开嵌套Form的Dialog
        
          
    
      
    
        
          
            
            
          
        
        
          
            
          
          -
          
            
          
        
        
        
      提交
      取消
    
  

• 创建页面，完成部分页面的整体布局规划

Container容器布局

示例

  Header
  
    Aside
    Main
  

• 布局中各个部分的组件实现

 
  
  Tlias智能学习辅助系统
  
  
    
     
       
        
          部门管理
          员工管理
          
      
    
       
          
          
            
            
            
            
            
            
            
            
          
          
            
            
            
            
          
            查询
          
        
       
       
        
        
        
          
        
         
          
        
        
        
        
        
        
        
        
          编辑
          删除
        
      
      


      
    
    
      
    
   

border实现框架线条搭建，