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

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

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

[code]<template>
<img :src="picUrl"/>
</template>

<style>

</style>

<script>

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

export default{

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

}
}

</script>