Vue引入图片

记录一下自己学vue的内容：

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z519671318/article/details/80015777

首先给图片地址绑定变量

**<template>
    <img :src="imgUrl">
</template>`
 在script中设置变量
<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)
    }
</script>**

来源：https://blog.csdn.net/weixin_42555713/article/details/99546783