vue 引入项目图片的几种方式

时间:2025-03-03 08:19:05

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

{
    icon: require('@/assets/images/'),
    text: '图片',
    type: 'ui-picture'
}

或者 

{
    icon: require('../../assets/images/'),
    text: '图片',
    type: 'ui-picture'
}

2、style 中引入图片

background: url(../../assets/images/) 0 0 no-repeat; 

3、html中引入图片

<img src="@/assets/images/" alt="">

或者 

<img src="../../assets/images/" alt="">