图片引入方式

<template>

  <div class="my">

    <img src="../assets/1.png" alt="" />

    <img :src="img3" alt="" />

    <img :src="require('../assets/1.png')" alt="" />

    <img :src="require('../assets/' + imgName + '.png')" alt="" />

  </div>

</template>

<script>

export default {

  data() {

    return {

      imgName: 'dog',

      img3: require("../assets/1.png"),

    };

  },

};

</script>