Pasando de padre a hijo en vue (fácil)

El componente de comunicación en vue cree que mis amigos han alcanzado el punto de
competencia. Mencionó que lo primero en la mente del componente de comunicación entre padres e hijos en vue es usar $ emit para transmitir. La
realización es definitivamente alcanzable. Echemos un vistazo a uno. manera simple

---

Componente padre:

El método de método pasado se define en el componente principal y se imprime en el componente principal.

<template>
  <div class="about">
    <Son :arr="arr"></Son>
  </div>
</template>
<script>
import Son from './About'
export default {
    
    
  components:{
    
    
    Son
  },
  data(){
    
    
    return{
    
    
      arr:[
        {
    
    
          id: 1,
          name: '叮咚',
          method: () => {
    
    
            console.log('叮咚')
          }
        },
        {
    
    
          id: 2,
          name: '小小',
          method: () => {
    
    
            console.log('小小')
          }
        }
      ]
    }
  }
}
</script>

Subconjunto

<template>
  <div class="about">
    <div v-for="(item, index) in arr" :key="index">
      <button @click="item.method()">{
    
    {
    
     item.name }}</button>
    </div>
  </div>
</template>
<script>
export default {
    
    
  props: {
    
    
    arr: {
    
    
      type: Array,
      default: () => [],
    },
  },
};
</script>