简述
在初次使用vue的时候，对一个div设置背景图片的时候，傻傻的使用了路劲设置的方式，发现不起作用：
<div :style="{width:'300px',height:'180px',backgroundImage:'url(../assets/抱头蹲防.png)'}"></div>
于是开始查找文档，发现了两种解决方式：
第一种（推荐）
import picture from '@/assets/抱头蹲防.png'
导入图片，并在data中使用：
第二种
利用vue-cli对静态资源文件打包的特点：
https://cli.vuejs.org/zh/guide/html-and-static-assets.html#%E5%A4%84%E7%90%86%E9%9D%99%E6%80%81%E8%B5%84%E6%BA%90
放置在 public 目录下或通过绝对路径被引用。这类资源将会直接被拷贝，而不会经过 webpack 的处理。
我们可以在public文件夹里面创建一个image文件，将图片存放在里面。通过如下方式调用：
