息子は、成分値の例VUEに合格します

<！DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0"> 
    <メタHTTP-当量= "X-UA-互換性のある"コンテンツ= "IE =エッジ"> 
    <タイトル> VUE入门</ TITLE> 
    <スクリプトSRC = "https://cdn.jsdelivr.net/npm/vue/dist/ vue.js "> </>スクリプト

</ HEAD> 
<BODY> 

    の<divのid ="アプリ"> 
        の<div> 
            の<input type =" text」Vモデル= "inputValueで"> 
            <ボタン@クリック= "追加" >提交</ボタン> 
        </ div>
        <UL> 
            <TODO項目
                V-ため= "リスト内（項目、インデックス）"  
                ：コンテンツ= "項目"
                ：キー= "インデックス" 
                ：インデックス= "インデックス"
                =「デル」@削除
            > 
            </ TODO品目> 
            < -親コンポーネントに値を渡すサブアセンブリは、この通過！$親コンポーネント・イベント・トリガに親コンポーネントを発する
            方法、次いで、親コンポーネントをトリガするイベントを削除しています> - handelclickサブコンポーネント中間イベントのデル親コンポーネントをクリックしてくださいクリックし
            {{アイテム： - <！キー= "インデックス" DBLCLICK @ = "handelClick" <LIのV-用= "リストの（項目、インデックス）"> }} </ LI> - > 
        </ UL> 
    </ div> 
    <SCRIPT> 
        Vue.component（ 'TODO品目'、{ 
            小道具：[ 'コンテンツ'、 'インデックス']、
            テンプレート：「<LI @dblclick = 'handelClick'> {{コンテンツ}} </ LI>」、
            方法：{ 
                市販のクリック（）{ 
        新しいビュー（{ 
                    この。$発する（ '削除'、this.index）
                } 
            } 
        }）

            EL： "＃アプリ" 
            データ：{ 
                inputValueで： ''、
                リスト：[] 
            }、
            メソッド：{ 
                （）を追加{ 
                    this.list.push（this.inputValue）
                    this.inputValue = '' 
                }、
                デル（インデックス）{ 
                    this.list.splice（インデックス1）
                } 
            } 
            
           
        }）
    
    </ SCRIPT> 
</ body> 
</ HTML>
息子は、成分値の例VUEに合格します

おすすめ
