vue-cli 脚手架、vue组件引入图片出错解决办法

版权声明： https://blog.csdn.net/qq_36979290/article/details/83780874

问题：vue-cli脚手架中 组件相互嵌套，图片路径报错。

解决办法：首先把图片引入进来，然后再付给data()；

<template>
    <img :src="picUrl"/>
</template>

<style>

</style>

<script>

//首先要引入图片
import pic from "@/assets/logo.png";

export default{

    data(){
        return {
                //在引用图片
              picUrl:pic,
       }
  
   }
}



</script>