Kommunikation zwischen Komponenten in Vue.js

Dieses Mal werde ich Ihnen die Vorsichtsmaßnahmen bei der Verwendung der Kommunikation zwischen Vue.js-Komponenten vorstellen.

Nummer=99 an die Unterkomponente übergeben

<template>
  <div id="myapp">
    <com-a number=99></com-a>
  </div></template><script>
  import ComA from &#39;./components/a.vue&#39;
  export default {    components: {
      ComA
    }
  }</script>

In der Unterkomponente a.vue

<template>
  <div class="hello">
    {{hello}}
    {{ number }}  </div></template><script>
  export default {//    声明number属性//    未指定类型//    props: [&#39;number&#39;],//    指定类型
    props: {      &#39;number&#39;: [Number, String]
    },
    data () {      return {        hello: &#39;I am componnet a&#39;
      }
    }
  }</script>

Ausführungseffekt

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Inhalte finden Sie auf der chinesischen PHP-Website andere verwandte Artikel!

Empfohlene Lektüre:

Vue-Tag-Attribute und bedingtes Rendering von Vue.js

Vue.js Berechnet Eigenschaften und Datenüberwachung

Das obige ist der detaillierte Inhalt vonKommunikation zwischen Komponenten in Vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!