Detaillierte Erklärung des Vue-Mixins

<Vorlage>
  <div>
    <h2 @click="showName">Name des Studenten: {{name}}</h2>
    <h2>Geschlecht des Studierenden: {{sex}}</h2>
  </div>
</Vorlage>

<Skript>
  //Führe einen gemischten Import ein {
    hunhe, hunhe2
  } von '../mixin'
  Standard exportieren {
    Name: 'Student',
    Daten() {
      zurückkehren {
        Name: 'Zhang San',
        Geschlecht: 'männlich'
      }
    },
    Mixins: [hunhe,hunhe2]
  }

</Skript>

export const hunhe = {
    Methoden: {
        zeigeName() {
            Alarm (dieser.Name)
        }
    }
}

exportiere const hunhe2 = {
    Daten() {
        zurückkehren {
            x: 100,
            y: 200
        }
    }

}

importiere { hunhe, hunhe2 } von './mixin'
Vue.mixin(nicht vorhanden)
Vue.mixin(hunhe2)