Vue3+elementplus实现图片上传下载（最强实践）

 图片上传子组件：

实现照片的上传，预览，以及转成以逗号隔开的图片地址，即时监听，并发送消息到父组件。

表单父组件：

引入图片上传子组件，接受消息，并实现挂载之后取消绑定事件，避免占用内存 

消息工具类

import mitt from 'mitt'
import { ref } from 'vue'

let emitter = mitt()

let num = ref(0)

// 绑定事件
emitter.on('add', () => {
    console.log('add被调用了', num)
})
// 每隔1秒执行事件
setInterval(() => {
    // emitter.emit('add')
}, 1000)

setTimeout(() => {
    // 解绑事件
    emitter.off('add')
}, 5000)

export default emitter