react中背景图片和图片引入的方法

// 有三种引入背景图片的方法

1.
<div style={{backgroundImage: `url('图片路径')` }}>
    

2. 
先import引入图片路径，再用es6语法中的$引用

import bgImage from '@/assets/images/bgImage.webp'
<div style={{backgroundImage: `url(${bgImage})`}}>


3.
用require进行路径引用require('图片路径')
<div style={{backgroundImage: `url(${require('@/assets/images/bgImage.webp')})`}}> 

用img标签进行图片的引入

<img src={require('@/assets/images/picture.jpg')} alt="" />