vue中图片头像上传操作流程

前言：
首先我采用的是vant-ui中Uploader 文件上传，然后在按需引入我们用到的组件，之后找到自定义上传样式 通过默认插槽可以自定义上传区域的样式。把它写入到我们的html里

  <!-- 头像 -->
    <van-popup v-model="show" position="bottom">
      <div class="img">
        <div>拍照</div>
        <div>
          从手机相册选择
          //van-ui中组件 start
          <van-uploader :after-read="read">
            <van-button icon="plus" type="primary">上传文件</van-button>