vue怎么添加图片？

vue添加图片的方法如下：\r\n1、打开Vue，点击左下角“+”选项；\r\n2、然后在出现的页面里点击左上角“视频”按钮，就可以去其他文件夹里选择照片进行添加编辑了。\r\nVUE是iOS和Android平台上的一款手机视频拍摄与美化工具，允许用户通过简单的 *** 作实现视频的拍摄、导入视频的剪辑、表现力的细调、改变滤镜、加贴纸和背景音乐等功能，轻松在手机上拍出电影大片的质感，实时记录与分享生活。\r\n2018年7月5日，VUE正式上线2.0版本，推出短视频社区功能。随着手机摄像头的发展，越来越多的人开始使用手机拍照和摄像。摄像一般来说要比拍照门槛高，但是视频传播的信息量又远大于照片。VUE就诞生在这样的背景下，希望用拍照一样简单的 *** 作，帮助用户在手机上拍摄精美的短视频。\r\n

关于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",

}]

---