Die Verwendung von Mixins in Vue

Verwendung von Mixins

Mixins werden im Allgemeinen verwendet, wenn mehrere Komponenten Teile desselben Codes enthalten und die gemeinsamen Teile in den Mixin-Mixer geschrieben und dann in verschiedene Komponenten gemischt werden.

export const mixin={
    
    
    methods:{
    
    
        add(){
    
    
            this.qqq++;
        }
    }
}

<template>
  <div>
    <button @click="add">+</button>
    {
   
   {qqq}}
  </div>
</template>

<script>
import {mixin} from "@/mixin";

export default {
  name: "cpna",
  mixins:[mixin],
  data(){
    return {
      qqq:0,
    }
  }
}
</script>

<style scoped>

</style>