请问一下vue怎么添加图片

vue添加图片的方法如下：

1、打开Vue，点击左下角“+”选项；

2、然后在出现的页面里点击左上角“视频”按钮，就可以去其他文件夹里选择照片进行添加编辑了。

VUE是iOS和Android平台上的一款手机视频拍摄与美化工具，允许用户通过简单的 *** 作实现视频的拍摄、导入视频的剪辑、表现力的细调、改变滤镜、加贴纸和背景音乐等功能，轻松在手机上拍出电影大片的质感，实时记录与分享生活。

2018年7月5日，VUE正式上线2.0版本，推出短视频社区功能。随着手机摄像头的发展，越来越多的人开始使用手机拍照和摄像。摄像一般来说要比拍照门槛高，但是视频传播的信息量又远大于照片。VUE就诞生在这样的背景下，希望用拍照一样简单的 *** 作，帮助用户在手机上拍摄精美的短视频。

其实也很简单，我们把需要的 icon组件 注册为全局的字典，key：组件 的形式，然后就可以把字符串转换为图标组件了。

首先建立一个js文件，引入图标，做成字典的形式，再用 Vue 的插件功能注册为全局变量。

这里有两种使用方式，一种是简单粗暴的全部图标都注册了，看了一下node_modules里面的文件，一共二、三百KB，如果不太在意体积的话，可以全都弄进来。

如果使用的图标不是很多，那么可以只引入需要的图标，这样体积就小很多了。

在模板里面使用动态组件，根据图标名称加载图标，使用style设置大小和颜色，这样就可以了。

几个例子：

el-input 的 prefix-icon 属性可以设置图标，属性类型是字符串或者组件，试了一下字符串，没有效果，大概需要在使用 el-input 的组件里面注册对应的图标，这样就不方便实现动态图标了，或者全局注册图标。

既然我们做了全局注册的字典，那么属性也可以用一用。

这样就可以统一使用动态图标了。

---