方法を渡すDay3.17親コンポーネントサブアセンブリ

1  <！DOCTYPE HTML > 
2  < HTML LANG = "EN" > 
3  < ヘッド> 
4      < メタ文字コード= "UTF-8" > 
5      < タイトル>タイトル</ タイトル> 
6      < スクリプトSRC =」../ libに/ JS / VUE .js」> </ スクリプト> 
7  </ ヘッド> 
8  < ボディ> 
9  < DIV ID = "アプリケーション" >
 
 <！ -     親コンポーネントがサブ組立方法を提供するために使用され、V-に、イベントバインディングメカニズムであり、後に、私たちはイベントの属性をカスタマイズする際に
 12               のサブコンポーネントは、何らかの形で、中に渡してこのメソッドを呼び出すことができます- - > 
13である     < COM V-ON：FUNC = "表示" > </ COM > 
14  </ DIV > 
15  < テンプレートID = "TEM" > 
16      < DIV > 
17。         < H1の>このサブアセンブリである</ H1の> 
18のIS          < INPUT タイプ=「ボタン」値「 -親コンポーネントからのトリガFUNC方法転送にそれをクリックし、サブコンポーネントボタン」= @click = "myClick」 > 
19     </ ディビジョン> 
20である </ テンプレート> 
21である < スクリプト> 
22である // コンポーネントリテラルテンプレート・オブジェクトのタイプを定義する
23である     CONST COM =は{
 24          // 指定されたコンテンツIDが指定された負荷のIDを表すテンプレートとして頭要素HTMLの構造部品
25          テンプレート：' #tem ' 、
 26がある         方法：{
 27              MyClick（）{
 28                  // はconsole.log（ 'OK'）
29                  // EMIT英語が意図：トリガー、コールを送信する
30                  本$ EMITを。 （' FUNC ' ）
 31であります             }
 32          }
 33である     };
 34である 
35      VM CONST =  新しい新しいヴュー（{
 36          EL：' #app ' 、
 37          、{}：データ
 38は、         方法：{
 39個の             // で定義された親コンポーネントが方法を示す
40              ショー（）{
 41である                 コンソール。 （ログ「呼び出しが親の体の組立方法を示す」）
 であり、42              }
 43され         、}
 44は         、{：成分
 45              COM：COM
 46です         }
47      }）
 48  </ スクリプト> 
49  </ ボディ> 
50  </ HTML >