Vue 親コンポーネントが子コンポーネント関数の実装を呼び出す

父親.js
<テンプレート>
    <div>
        <div>
            <息子ref="息子"></息子>
            <input type="button" value="click" @click="useSonFun">
        </div>  
    </div>
</テンプレート>

<スクリプト>
'./son' から son をインポートします
エクスポートデフォルト{
    コンポーネント:{
        息子
    },
    データ（）{
        戻る {
            
        }
    },
    メソッド: {
        使用SonFun(){
            this.$refs.son.say(); //子コンポーネントにrefを与え、refを通じて子コンポーネント内の関数を呼び出します}
    },
}
</スクリプト>

ソン.js
<テンプレート>
    <div>
        <h1>息子</h1>
    </div>
</テンプレート>

<スクリプト>
エクスポートデフォルト{
    データ（）{
        戻る {
            
        }
    },
    方法:{
        say(){//親コンポーネントによって呼び出される必要があるサブコンポーネント関数 console.log("SON COMPONENT");
        }
    },
}
</スクリプト>

父親.js:
this.$refs.son.say (親コンポーネントのデータは括弧で囲んで子コンポーネントに渡すことができます);
Son.js:
say(親コンポーネントから子コンポーネントにデータを受信する){
	//データの使用}