vue 引入本地图片不显示

一般情况我们引入图片方式：

**

这样传过去的图片地址，在页面无法显示：

**
大致总结了一下原因：是由于webpack打包引起的，没打包之前，图片是在src文件夹的assets文件放置的图片，webpack不会把url路径当成依赖项进行打包，打包后，dist文件夹下并没有assets文件，所以图片加载不出来

解决方案：
先将图片从本地导入到组件中，这样webpack打包时就会把图片当做依赖进行打包，打包后会多一个图片文件夹，从而加载图片

<template>
  <div id="app">
    <header class="header">
      <Top/>
    </header>
    <main class="main">
      <Vavtar :url='img'