第一次接触cropper这个组件，看了官方文档，不是完全明白，再搜了一下类似的博客，写的太高大上，且都是选项式api，看的云里雾里，于是在这里记录下自己如何使用cropper
我的需求
点击原头像的修改按钮，上传新图片，转到裁剪页面，cropper显示新图片的裁剪页面，进行图片裁剪，点击确认保存后，回到原页面，用户头像变为刚刚的裁剪保存的图片
cropper部分
将裁剪后的图片canvas转为base64的url
然后当点击保存的时候，我们将这个url放到用于显示图片的ref变量里即可（此处我的逻辑是userImage用于显示用户头像）
