vue的图片资源引入不显示问题

vue的图片资源引入不显示问题

问题

使用Vue框架封装组件很多适合需要引入图片这样的静态资源；为了提高复用性， 封装一个自定义vue组件，暴露 title 和 fileName 两个属性

// src/views/skills/components/Skill.vue
<template>
	<div>
		<img/>
		<p>{
   {
    title }}</p>
	</div>
</template>

<script>
export default{
   
	name: 'Skill',
	props:{
       
	 title: {
   
				type: String,
				required: false,
			},
			fileName: {
   
				type: String,
				required: false,
			}
	},
	methods:{
   
		// ...
	}
}
</script>

外部引入Skill组件，提供两个必选属性的值

  <div>
		<Skill title="Java" fileName="java.png"></Skill