So fügen Sie img-Bilder in Vue-Seiten ein

<img src="../assets/images/avatar.png" width="100%">

<Skript>
importiere lf1 aus '@/assets/images/cityOfVitality/lf1.png'
importiere lf2 aus '@/assets/images/cityOfVitality/lf2.png'
importiere lf3 aus '@/assets/images/cityOfVitality/lf3.png'
importiere lf4 aus '@/assets/images/cityOfVitality/lf4.png'
importiere lf5 aus '@/assets/images/cityOfVitality/lf5.png'
importiere lf6 aus '@/assets/images/cityOfVitality/lf6.png'
importiere lf7 aus '@/assets/images/cityOfVitality/lf7.png'
importiere top1 aus '@/assets/images/cityOfVitality/icon_top1.png'
Mixins aus „./mixins“ importieren
Standard exportieren {
  Name: "LinkesStück",
  Mixins: [Mixins],
  Daten () {
    zurückkehren {
      lf1,
      lf2,
      lf3,
      lf4,
      lf5,
      lf6,
      lf7,
      nach oben1
    }
  }
}
</Skript>

<Skript>
importiere top1 aus '@/assets/images/cityOfVitality/icon_top1.png'
Mixins aus „./mixins“ importieren
Standard exportieren {
  Name: 'RightPiecr',
  Mixins: [Mixins],
  Daten () {
    zurückkehren {
      rt1: erfordern('@/assets/images/cityOfVitality/rt1.png'),
      rt2: erfordern('@/assets/images/cityOfVitality/rt2.png'),
      rt3: erfordern('@/assets/images/cityOfVitality/rt3.png'),
      rt4: erfordern('@/assets/images/cityOfVitality/rt4.png'),
      rt5: erfordern('@/assets/images/cityOfVitality/rt5.png'),
      rt6: erfordern('@/assets/images/cityOfVitality/rt6.png'),
      nach oben1
    }
  }
}
</Skript>