Detaillierte Erklärung der Mixins in Vue.js

<div id="app">
    <p>Anzahl:{{ Anzahl }}</p>
    <P><button @click="add">Menge hinzufügen</button></P>
</div>


<Skript>
    var addLog = {
    	// Mischen Sie den aktualisierten Hook in die Vue-Instanz updated() {
            console.log("Die Daten ändern sich in " + this.num + ".");
        }
    }

    var app = new Vue({
        el: '#app',
        Daten: {
            Zahl: 1
        },
        Methoden: {
            hinzufügen: Funktion () {
                diese.num++;
            }
        },
        Mixins: [addLog], //mixin})
</Skript>     

<div id="app">
    <p>Anzahl:{{ Anzahl }}</p>
    <P><button @click="add">Menge hinzufügen</button></P>
</div>


<Skript>
    var addLog = {
        aktualisiert : Funktion () {
            console.log("Die Daten ändern sich in " + this.num + ".");
        }
    }

    var app = new Vue({
        el: '#app',
        Daten: {
            Zahl: 1
        },
        Methoden: {
            hinzufügen: Funktion () {
                diese.num++;
            }
        },
        aktualisiert: Funktion () {
            console.log("Methode im Konstruktor aktualisiert.")
        },
        Mixins: [addLog], //mixin})
</Skript>     

<div id="app">
    <p>Anzahl:{{ Anzahl }}</p>
    <P><button @click="add">Menge hinzufügen</button></P>
</div>


<Skript>
    Vue.mixin({
        aktualisiert: Funktion () {
            console.log('Ich bin global eingebunden');
        }
    })

    var addLog = {
        aktualisiert : Funktion () {
            console.log("Die Daten ändern sich in " + this.num + ".");
        }
    }

    var app = new Vue({
        el: '#app',
        Daten: {
            Zahl: 1
        },
        Methoden: {
            hinzufügen: Funktion () {
                diese.num++;
            }
        },
        aktualisiert: Funktion () {
            console.log("Methode im Konstruktor aktualisiert.")
        },
        Mixins: [addLog], //mixin})
</Skript>     

  <div id="app">
      <p>Anzahl:{{ Anzahl }}</p>
      <P>
          <button @click="add">Menge hinzufügen</button>
      </P>
  </div>

  <Skript>
      var addLog = {
          aktualisiert: Funktion () {
              console.log("Die Daten ändern sich in " + this.num + ".");
              dies.test();
          },
          Methoden: {
              Test: Funktion () {
                  console.log('Test im Mixin')
              }
          }
      }

      var app = new Vue({
          el: '#app',
          Daten: {
              Zahl: 1
          },
          Methoden: {
              hinzufügen: Funktion () {
                  diese.num++;
              },
              test:funktion(){
                  console.log('Test im Komponentenobjekt')
              }
          },
          Mixins: [addLog], //mixin})
</Skript>