vue3 vue-cropper实现图片裁剪+上传功能（组件封装使用）

效果（CV即用）

1.安装引入vue-cropper（官网）官网地址

  npm install vue-cropper@next
  import 'vue-cropper/dist/index.css'
  import { VueCropper }  from "vue-cropper";

2. 全局引入

import VueCropper from 'vue-cropper'; 
import 'vue-cropper/dist/index.css'

const app = createApp(App)
app.use(VueCropper)
app.mount('#app')

3.组件完整代码

4. 组件使用