- 用户选择图像文件后想在界面上显示预览。
- 可以使用FileReader Web API读取文件内容。
- 将文件内容以Base64格式读取后，设置为img标签的src属性值显示图像。
- 在组件内添加image preview数据项，默认值为null。
- 在组件模板添加div使用v-if判断image preview是否存在，包装img元素。
- 为img元素添加image preview类并绑定src属性至对应的image preview数据。
- 设计image preview类样式，设置最大宽度为360像素。
- 添加create image preview方法，接收file参数并使用FileReader读取文件。
- 设置FileReader的onload事件处理器，在事件中设置image preview数据值为读取结果。
- 测试：在onchange事件调用create image preview，将选择的文件读取为Base64格式并显示在img标签中。