【vueコンポーネント通信①】親コンポーネントがサブコンポーネントにpropsを通信する

1535 ワード

コンポーネントインスタンスの役割ドメインは孤立しています.これは、親コンポーネントのデータをサブコンポーネントのテンプレート内で直接参照できない(または参照すべきではない)ことを意味します.親コンポーネントのデータはpropによってサブコンポーネントに送信される必要があります.
どうしますか.
1、サブアセンブリで、親コンポーネントを受信するデータをpropsオプションで表示して宣言します.



  export default {
    //              
    props:{
      mytitle:String
    },
    data() {
      return{
      }
    },
    methods: {
      pageGo:function () {
        this.$router.go(-1)
      }/*         */
    },
  }

上記の書き方は伝達パラメータを制御するタイプpropsであり、パラメータを直接宣言する書き方であり、パラメータを判断したい場合は上記の書き方を用いる

props:['mytitle'],

2、「静的props」親コンポーネントで、単純に静的文字列を伝えたい場合は、次のように宣言します.

3、【動的props】親コンポーネントでは、動作の変化に伴って動的パラメータが伝達されることが多いが、親コンポーネントはv-bindを使用して動的パラメータをバインドする必要がある.

itemは動的パラメータで、一般的には現在dataフックで定義され、必要な操作に応じて動的にデータを変更します.

vueソースコードのデータ応答式原理

vue+elementUIでel-autocompleteを使用してリモート検索を実現するドロップダウンボックスで注意すべき問題

【vueコンポーネント通信①】親コンポーネントがサブコンポーネントにpropsを通信する

{{mytitle}}