comunicación de componentes vue2

1. Padre e hijo, pasaron por accesorios.

¡El componente hijo vive, el componente padre pasa!

2. Comunicación de componentes de Brother, utilice este. $ Parent para comunicarse

Ver aplicación

<template>
  <div id="app">
    <!-- <div id="nav">
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </div>
    <router-view/> -->
    java
    <!-- <Child name = "action"></Child> -->
    <Child ></Child>
    <Detail></Detail>
  </div>
</template>

<script>
import Child from '@/components/child.vue'
import Detail from "@/components/detail.vue"
import { connect } from 'tls';
export default {
  components:{
    Child,
    Detail
  },
  methods:{
    show(message){
      console.log("..." + message)
    }
  }
}
</script>



<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

#nav {
  padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}
</style>

Dos niños child.vue

<template>
    <div class="app">
        child
        {
   
   {name}}

        <p @click="go">go...</p>
    </div>
</template>


<script>
import {Type} from "@/constants/common.js"
export default {
    props:{
        name:{
            type:String,
            require:true
        }
    },
    methods:{
        go(){
            console.log("hello")
            this.$emit(Type,"vue is so easy!")
        }
    },
    mounted(){
        this.$parent.$on(Type,function(msg){
            console.log(msg)
        })
    }
}
</script>

<style >

</style>

detail.vue

<template>
    <div class="app">
        child
        dog small dog! small cat!
        <button @click="smile">$parent</button>
    </div>
</template>


<script>
import {Type} from "@/constants/common.js"
export default {
    props:{
        
    },
    methods:{
        [Type](){
            console.log(".....")
            this.$parent.$emit(Type,"smile is so easy!")
        }
    }
}
</script>

<style >

</style>

Encontré un archivo constante en el medio

common.js

export const Type = "smile";

Mi comprensión es muy simple, los dos hermanos se comunican a través del padre.

Esta cadena de sospechas es que si el gobernante comienza a sospechar de los cortesanos, entonces los cortesanos casi serán asesinados, o estarán mejor y regresarán a la tierra (un número muy pequeño), o se rebelarán por completo.

Si la persona que responde ha leído la Lista Langya, es posible que sea más vívida.

Así es como se estableció Langya List One. La familia del protagonista era leal al emperador e hizo grandes hazañas militares, pero finalmente fue incriminada y asesinada. No dudó ni siquiera cuando mató a su propio hijo.

Debido a que amenazas mi trono, no sé si tienes un corazón rebelde, pero tienes la capacidad de rebelarte. Esta cadena de sospechas se ha formado en el corazón del emperador, porque el corazón humano está separado por el vientre, y el emperador nunca sabe lo que pensará el cortesano.

Por lo tanto, las personas que fueron más inteligentes en la historia generalmente tomaron la iniciativa de entregar el poder para romper la cadena de sospechas. Por lo general, habrá un buen final, como Zeng Guofan.

¿Y si no lo pagas?

No sé si el emperador dudó de mí, aunque he logrado tanto en la batalla, es posible que él ya se haya convertido en el maestro, habría estado preparado durante mucho tiempo y podría haberse rebelado ante el menor disturbio.

Por lo tanto, si sospecha del ministro, castigará al ministro.

Esta es la cadena de sospechas entre los antiguos emperadores y cortesanos. Ha habido muchas ocasiones en la historia en las que las agresiones extranjeras no han sido eliminadas y han comenzado a matar héroes, como el Reino Celestial Taiping, como la Dinastía Song del Sur.

Abundan varias rebeliones. Por ejemplo, en el motín de la puerta de Xuanwu, los tres hermanos se encontraron ensangrentados. Otro ejemplo es la rebelión de Zhu Di

 

Otros métodos de comunicación

Vuex también tiene el principio básico de $ bus, que sigue siendo el modo de observador, ¡así que no lo escribiré!

Los socios interesados ​​pueden considerar proporcionar y rechazar 

 

Supongo que te gusta

Origin blog.csdn.net/qq_15009739/article/details/113790159
Recomendado
Clasificación