vue.js(19) - VUE中性子コンポーネントは、親コンポーネントメソッドを呼び出します

サブアセンブリのメソッドは、イベントのための必要性結合、親コンポーネントで直接使用することができない(Vオン:カスタムメソッド名=「親コンポーネントのメソッド名」)、及び、サブコンポーネント、この$の使用方法を定義します。 EMIT(「カスタムメソッド名」)親コンポーネントサブアセンブリを呼び出すステートメントの完了方法、サブアセンブリ最後の方法は、直接定義と呼ばれることがあります。

< のdiv クラス= "アプリケーション" > 
        < MYCOM V-上:FUNC = "parentshow" > </ MYCOM > 
        <! - V-Onで:メソッドの親要素を結合させる方法は、FUNCにバインドされ、
            その後、サブコンポーネントメソッドを定義する(この$のEMIT(「FUNC」 )) サブアセンブリがFUNCに伝達され、
            このサブアセンブリは、親コンポーネントプロセスを介してメソッドを呼び出すことができます- > 
    </ DIV > 
    < テンプレートID = " CMP " > 
        < divの> 
            < のhref =" # " @ click.prevent ="ショー" >さあI </ A > </ DIV > </ テンプレート>
        
    
    < スクリプト> 
        VAR VM =  新しい新しいヴュー({ 
        EL:' .appを' 
        データ:{ 
            MSG:' 私は親要素のためのプロセスである' 
        }、
        メソッド:{ 
            parentshow(){ 
                アラート(これは.msg)
            } 
        }、
        コンポーネント: { 
            MYCOM:{ 
                テンプレート:' #cmp ' 
                メソッド:{ 
                    ショー(){ 
                        この。$ EMIT(FUNC" // メソッドを確立するこの方法は、サブアセンブリの親コンポーネントのメソッドを呼び出すために
                    } 
                } 
            } 
        } 
    })   
    </ スクリプト>

 

おすすめ

転載: www.cnblogs.com/qiqisusu/p/11372950.html