vue背景图片路径问题

共三种情况：

<div class="about" :style="{backgroundImage:'url('+pic+')'}">
<div style="display: inline-block;width:36px;height: 36px;background-size: cover;background-position: center;border-radius: 50%;" :style="{backgroundImage:'url('+item.fromhead+')'}"></div>
pic:require('@/assets/bg.jpg')

<div class="about" :style="{backgroundImage:'url('+require('@/assets/bg.jpg')+')'}">

<img :src="require('@/assets/bg.jpg')">

css里面不能用require
上面是body的背景图片