Vue 父子価値移転、兄弟価値移転、子父価値移転の詳細な説明

// 親コンポーネント内の <template>
    <div>
        <子 ref="子" :title="値"/>
    </div>
</テンプレート>    
<スクリプト>
エクスポートデフォルト{
    データ（） {
    	戻る {
    		値: 'hello world!'
    	}
    }
}
</スクリプト>

// 親コンポーネント内の <template>
    <div>
       <span>{{タイトル}}</span>    
    </div>
</テンプレート>    
<スクリプト>
エクスポートデフォルト{
  小道具: {
    タイトル：
      	タイプ: 文字列、
      	デフォルト： ''
    }
  }
}
</スクリプト>

this.$bus.$emit("フラグ",true)

マウント() {
    this.$bus.$off('フラグ')
    this.$bus.$on('フラグ', データ=> {
      this.flag = データ
    })
  }

<テンプレート>
    <div>
        <子 ref="子" @getTitle="getTitle"/>
    </div>
</テンプレート>  
<スクリプト>
'./components/Child' から Child をインポートします。
エクスポートデフォルト{
  コンポーネント:
  	子供 
  },
  データ（） {
    戻る {
    }
  },
  方法：{
  	getTitle(データ){
		コンソール.log(データ)
	}
  }
}
</スクリプト>

<テンプレート>
    <div>
       <span>{{タイトル}}</span> 
    </div>
</テンプレート>    
<スクリプト>
エクスポートデフォルト{
  データ（） {
    戻る {
    タイトル: 「hello xuliting」
    }
  },
  マウントされた(){
    this.getFun()
  },
  方法：{
    getFun(){
     this.$emit("getTiltle",this.title)
    }
  }
}
</スクリプト>

<C :a-fun="aFun" />

小道具: {
    楽しい: {
      タイプ: 関数、
      デフォルト: () => function() {}
    }
  }