Vue项目中该怎么引入图片（vue项目中图片的引用方式）

1.在vue项目中使用require的方式引入图片

//home.vue文件

<template>
    <div class='home'>
        <img :src="img.save">
    </div>
</template>

<script>
export default {
    name: 'home',
    data () {
        return {
            img: {
                save: require("@/assets/images/icon/save.png") //引号内填写图片路径
            }
        }
    },
    methods: {

    },
    mounted () {

    }

}
</script>

<style>
    .home{}
</style>

2.在vue项目中使用import的方式引入图片

//home.vue文件
//引入logo

<template>
    <div class='home'>
        <img :src="menu2_a">
    </div>
</template>

<script>
import menu2_a from '@/assets/images/menu2_a.png'
export default {
    name: 'home',
    data () {
        return {
            menu2_a
        }
    },
    methods: {

    },
    mounted () {

    }
}
</script>

<style>
    .home{}
</style>