El uso de mixins en Vue

uso de mixins

Los mixins generalmente se usan cuando varios componentes contienen partes del mismo código, y las partes comunes se escriben en el mezclador mixin y luego se mezclan en diferentes componentes.

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>

Supongo que te gusta

Origin blog.csdn.net/lyyrhf/article/details/115217835
Recomendado
Clasificación