这是我参与8月更文挑战的第23天，活动详情查看：8月更文挑战
SplitPane
功能上看是一个拆分窗格，可以任意拖动，之前没有做过相关的功能，学习一下
vue文件在@/views/components-demo/split-pane.vue,用到的库是vue-splitpane
使用方法看起来也比较简单，先引入一下，定义一个resize方法
看起来写，里面用template包裹div就行了，split-pane 有水平和竖直两个方向
试着找了它的文档，描述很简单，接下来学习一下它的相关用法。
有以下几个参数
| 属性 | 值 | 解释 |
|---|---|---|
| split | vertical / horizontal | 垂直 / 水平 |
| min-percent | "20" | 最小百分比 |
| default-percent | "20" | 默认百分比 |
像这样使用， slot实际上只有两种类型，paneL 和 paneR，如果想要竖着的三列怎么办呢，我找到的解决方案是这样的，两个vertical的嵌套就好了嘛
于是这样套来套去，疯狂套娃，可以做出各种自己想要的效果，例如下面这样
基本上功能就这些，比较简单，之后根据自己的需要往里面填内容就好
头像上传
头像上传在@/views/components-demo/avator-upload.vue中，
左侧是一个动态的头像展示，挺好玩的 右侧是upload按钮，功能基于vue-image-crop-upload. 引入了ImageCropper组件，在点击btn的时候显示它
ImageCropper也提供的很多属性可以配置，如下所示，例如不显示旋转，不预览圆形，限制大小，语言种类等等属性
整体来说这个头像上传组件还是比较小清新的，好评
