iview依赖vue的ui框架实践经验（一）

1、Dropdown+DropdownMenu+DropdownItem、Badge

下拉列表---用在了悬浮于头像上后出现的下拉列表，展示消息、退出登录等信息；

徽标---用来表示未读消息、待处理消息，可以用数量（count）显示个数或只显示圆点（dot）表示有未读消息。

//placement--显示于头像的左下
//徽标，展示有未读消息
//存放头像的标签


//slot必须有，才能知道是下拉列表，align让内容左对齐

消息中心


退出登录

2、Card

简单的卡片容器，本来是用来显示弹框的还要自己写蒙层---是错误的，有专门的弹框组件--Modal；标题居中---align="center"，或通过slot="title"给标题---

卡片标题

3、Select---Option

表单里的下拉选择，v-model给Select双向绑定，循环写在Option里，并且里面要有value。

4、Tree

树状选择，通过:data="datas"来绑定数据；可以有自带的多选框---show-checkbox，是显示在前面的；可以隐藏多选框（不写show-checkbox），在data里用render添加自定义标签；data数据格式为title、children。。

5、Page

底部显示的分页，total---总共有多少数据，page-size---每页条数，current---当前页码；点击切换页码后的事件---on-change。

6、Tabs

用在两大块内容的切换；可能放到其中的内容超出，就需要滚动，就在父组件里给高度和overflow-y：scroll，就可以滚动以显示全部内容。

//取消显示动画
//label是显示的标题，name是组件里数据识别的
//基本信息的内容，可以是子组件


//详细信息的内容，可以是子组件

　　　　有发现描述错误欢迎指教

　　　　^_^