h5项目用vue写法，实现一个图片上传功能

好的，下面是一个基于Vue.js的图片上传组件的实现方式：

<template>
  <div>
    <input type="file" @change="handleFileUpload" />
    <img :src="imageUrl" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: ''  // 图片URL
    }
  },
  methods: {
    handleFileUpload(event) {
      const file = event.target.files[0]  // 获取上传的文件
      const reader = new FileReader()  // 创建文件读取对象
      reader.readAsDataURL(file)  // 读取文件内容
      reader.onload = () => {  // 文件加载成功后执行
        this.imageUrl = reader.result  // 获取图片URL
      }
    }
  }
}
</script>

这个组件包含一个文件上传的input和一个img标签。当用户选择文件后，通过FileReader对象读取文件内容，获取图片的URL并显示在img标签中。

注意：这只是一个简单的示例，实际的图片上传功能需要考虑更多的问题，例如图片压缩、图片格式校验、图片上传进度等。您可以使用第三方库或插件来完善这个组件。