Wie ändere ich den Wert in der übergeordneten Komponente in einer untergeordneten vue2.0-Komponente?

In der folgenden Spalte „Vue.js-Tutorial“ erfahren Sie, wie Sie den Wert der übergeordneten Komponente über v-modal in einer Unterkomponente in vue2.0 ändern. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

vue2.0 Neutronenkomponente ändert den Wert in der übergeordneten Komponente durch V-Modal

-Parent-Komponentencode:

<template lang="pug">
  p
    p this is father
    child(v-model="data")
</template>
<script>
  import child from "./childrenS.vue";
  export default{
    data(){
      return {
        data: [1, 2, 3]
      }
    },
    components: {
      child
    },
    watch: {
      data(n, o){
        console.log(n,o)
      }
    }
  }
</script>

untergeordneter Komponentencode:

<template lang="pug">
  p this is child
</template>
<script>
  export default{
      created(){
          this.$emit("input",[4,5,6])
      }
  }
</script>

Der Effekt ist wie folgt:

Verwandte Empfehlungen:

Zusammenfassung der Front-End-Vue-Interviewfragen 2020 (mit Antworten)

Vue-Tutorial-Empfehlung: 2020 neueste 5 vue.js-Video-Tutorial-Auswahl

Weitere programmierbezogene Kenntnisse finden Sie unter :

Website zum Programmierenlernen

! !

Das obige ist der detaillierte Inhalt vonWie ändere ich den Wert in der übergeordneten Komponente in einer untergeordneten vue2.0-Komponente?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!