2.为什么要引入ElementUI在这个快速发展，快速迭代的开发环境，轮子就没必要重复造了，既然有开源免费用的，为啥不用呢？况且自己不一定有开源的写得好。

PS:一般我是先删除再进行安装添加一个插件安装完以后，添加一个插件在plugins目录下创建elementui.js内容如下：importVuefrom'vue'importElementUIfrom'element-ui

;</template></el-table-column></el-table></el-form>现阶段的表格差不多就这样吧，说说这里面做了什么因为elementui

前端是准备用ElementUI的那个时间日期选择器来传数据。

savenpmielement-ui-S引入VueimportElementUIfrom'element-ui';import'element-ui/lib/themechalk/index.css';Vue.use(ElementUI

这可能是elementui的bug

前端为vue+elementui，如图所示，在form里套了table，再嵌套了form-item，对input栏加校验时，发现el-form-item__error的message文字会占去一部分空间

Loading样式我们直接CV阳光沙滩的，同学们也可以参考一下ElementUI的骨架屏阳光沙滩的loading触发加载更多的时机要知道的几个高度当前屏幕的高度window.screen.height滑动的高度

1axios的引用安装方式与安装elementUI类似。

在移动端，当我们去加载的时候，UI上会显示Loading的状态使用elementUI实现elementui官网怎么使用呢？

formatDate};Object.keys(filters).forEach(key=>{Vue.filter(key,filters[key])});exportdefaultfilters像我们的ElementUI

而elementui里头，我点击展开时会有回调方法onSubCommentListLoad(tree,treeNode,resolve){console.log(tree);console.log(treeNode

elementtable可以显示多行文字吗？超过了才显示省略号，鼠标悬浮的时候显示出来完整的。鼠标悬浮后的效果参考代码<template><el-table:data="tableData"style="width:100%"><el-table-columnprop="description"label="描述"><template#default="scope"><el-tooltipclass="item"effect="dark":content="scope.row.description"placement="top"><divclass="ellipsis-text">{{scope.row.description}}</div></el-tooltip></template></el-table-column></el-table></template><stylescoped>.ellipsis-text{display:-webkit-box;-webkit-line-clamp:2;/*最多显示2行*/-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;white-space:normal;/*允许换行*/}</style>

基本UI实现左侧使用ElementUI的组件Tabshttps://element.eleme.cn/#/zh-CN/component/tabs同学们可以去这里使用，至于怎么依赖ElementUI，可以参考官方说明

2.引入Echart其实这也是一个类似于elementUI的东西，我们首先引入他。npminstallecharts--save2.1饼状图首先我们来创建饼状图。

使用javaWeb实现管理前端，使用vue.js+elementui实现用户访问前端，使用nuxt.js实现服务端渲染开发环境我们使用maven进行项目的管理和构建开发工具：IntellIjIDEAJava