値でのVueベースの学習コンポーネント---

親コンポーネント - >サブコンポーネント

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 

< 頭> 
    < メタ文字コード= "UTF-8" > 
    < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > 
    < メタHTTP -equiv = "X-UA-互換性のある" コンテンツ= "IE =エッジ" > 
    < タイトル>ドキュメント</ タイトル> 
    < スクリプトSRC = "./ node_modules / VUE / DIST / vue.js"
ヘッド> 

< 身体> 
    < DIV ID = "アプリケーション" > 
        <！ - 01.息子のタグには、プロパティの注を追加：MSGクロッシングの値では、追加する前にF2S：- > 
        < 息子：F2S =「MSG ' > </ 息子> 
    </ divの> 

    < スクリプト> 
        VMのconst =  新しい新しいヴュー（{ 
            EL：' #app ' 
            データ（）{ リターン{ 
                    MSG：' Hello Worldの"
                }
                 
            }、
            方法：{}、
            コンポーネント：{ 
                // コンポーネント名：コンポーネントパラメータ
                ソン：{
                     // 03は、アセンブリ受信された値を使用して
                    テンプレート：' <H2> F2S {{}} </ H2> ' 、
                     //は、特性を02props受信
                    小道具：[ ' F2S ' ] 
                } 
            } 
        }）; 
    </ スクリプト> 
</ ボディ> 

</ HTML >

概要

値を渡すために、（属性名は、アイテム課金あり）息子タグのプロパティF2Sを追加
受信サブアセンブリとで使用される小道具でテンプレートの使用

サブアセンブリ - >親コンポーネント

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 

< 頭> 
    < メタ文字コード= "UTF-8" > 
    < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > 
    < メタHTTP -equiv = "X-UA-互換性のある" コンテンツ= "IE =エッジ" > 
    < タイトル>ドキュメント</ タイトル> 
    < スクリプトSRC = "./ node_modules / VUE / DIST / vue.js"
ヘッド> 

< 身体> 
    < DIV ID =「アプリケーション」> 
        <！ - 写真参照コンポーネント
            サブアセンブリのfunfromsonはEMITにの最初のパラメータ$ 
            fathermethodパラメータを受信するための親コンポーネントのメソッドを> - 
        < 息子@ funfromson = "fathermethod" > </ 息子> 
    </ divの> 

    < スクリプト> 

        VMのconst =  新しい新しいヴュー（{ 
            EL：' #app ' 、
            データ（）{ 
                リターン{ 

                } 
            }、
            方法：{ 
                // メソッド03-親成分が通過するパラメータサブアセンブリ受信し、パラメータの値が渡され
                fathermethod（データ）{ 
                    アラート（「データは、サブアセンブリ受信」 + データ）
                } 
            }、
            コンポーネント：{ 
                ソン：{ 
                    テンプレート：' <クリックボタン@ = "send2f">をクリックし、サブアセンブリ</ボタン> ' 、
                    メソッド：{ 
                        send2f（）{ 
                            // 01-サブアセンブリ- >親要素の参照（「この$のEMITによって親コンポーネント。メソッドサブアセンブリ名「」 『）パラメータを渡すために
                            、この。$ EMIT（』funfromsonを『』XXXX "）; 
                        }、
                    } 
                } 
            } 
        }）。
    </ スクリプト> 
</ ボディ> 

</ HTML >

概要

中性子成分としては、ボタンがクリックされたボタン、トリガーボタンのクリックイベントである、のサブコンポーネントを呼び出す send2f 方法を

でsend2fこの。$エミット（）の方法過去に渡されたパラメータとして親コンポーネントメソッドを呼び出して、データ

値でのVueベースの学習コンポーネント---

概要

概要

おすすめ