vue引入图片和背景图

1、data(){}中引入图片

              src:require('@/assets/1.jpg'),//可以显示图片
              src:require('../../assets/1.jpg'),//可以显示图片
              src:'../../assets/1.jpg',//不可以显示图片

2、html中引入图片

 <img :src="src" alt="">       <!--动态展示图片-->
 <img src="@/assets/1.jpg" alt="">       <!--可以显示图片-->
 <img src="../../assets/abc.jpg" alt=""> <!--可以显示图片-->
 <img src="require('@/assets/2.jpg')" alt=""> <!--不可以显示图片-->

3、style 中引入图片

     background-image: url(/static/img/bg.f334645.jpg);
    background-repeat: no-repeat;
    background-size: cover;//background-size: auto 100%;