UI库的良好使用可以大大提高开发的效率,这里记录一下对Element-UI的学习过程
开发前准备
Element-UI的官网打开(地址),之后可以用npm在开发的文件根目录下安装(npm i element-ui -S)
安装好就可以引入组件使用,官方文档中提及了完整引入、按需引入(需要哪个组件引入哪个组件)两种方法,都是在main.js中按说明配置即可
另外还有一个全局配置(设置组件尺寸和弹框的初始z-index),配置在main.js中Vue.use(ElementUI)里即可
下面就是对各个组件的一个学习和个人小结,实时更新
Layout布局
基础布局
el-row配置行,el-col配置列,像是一个个单行的表格
其中el-col上绑定的span属性控制每一个小单元格大小