想问vue怎么添加图片

vue添加图片的方法如下：

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

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

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

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

手机vue不能编辑照片，可以用照片做视频。方法如下：

1、首先，点击VUE视频相机图标进入，进入以后，点击左下端的“+号”。

2、点“+号”后默认添加的是小视频，点击上端的按钮，选择手机中放图片和文件夹进入。

3、在放图片的文件夹中，选择想要添加的图片，点击选择。

4、选择好图片后，点击右下端的小勾选定。

5、然后，继续点左下端的“+号”按前面讲的方法选择图片，最多选择四张图片。

6、四个图片选择好后，点击下端的红色勾确定保存制作好的小视频。

7、最后，选择要分享小视频的其它平台，然后点完成按钮就可以了。

关于vue.js 2.0中，图片路径获取的方法：

HTML原生结构：<img src="image/1.jpg" width="100%" height="100%">

在vue中

<div class="m-el">

<img v-bind:src=item.img|imgUrl />

</div>

var vm = new Vue({

el: '.m-el',

data: {

items:[

{

id:"",

img:"",

}

]

},

// 在 `methods` 对象中定义方法

methods: {

get:function(){

this.items=JSON

//JSON 字符串||对象

}

},

filters: {

imgUrl: function(value) {

if (!value) return ''

value="image/"+value

return value

}

}

})

采用 vm 的filters 方法进行

JSON=>[{

"id": "1",

"img": "0.jpg",

},

{

"id": "2",

"img": "1.jpg",

}]

---