vue样式 引入图片_vue怎么插入图片？

vue怎么插入图片？下面本篇文章给大家介绍一下在vue中插入图片的几种方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

vue怎么插入图片？

首先给图片地址绑定变量

在script中设置变量

//方法1.直接将图片引入为模块

require imgUrl from "../assets/test.png"

//方法2.将imgUrl放在数据里

data(){

return {

imgUrl:require("../assets/test.png")

}

}

//方法3.在生命周期函数中设置

data(){

return {

imgUrl:""

}

}

created(){

let urlTemp = "assets/test.png";

this.imgUrl = require("@/"+urlTemp)

}

更多web前端开发知识，请查阅 HTML中文网 ！！