Vueの変形例方法Pushメッセージボード

<!DOCTYPE HTML > 
< HTML LANG = "EN" > 
< > 
    < メタ文字コード= "UTF-8" > 
    < スクリプトSRC = "https://cdn.bootcss.com/vue/2.6.10/vue.min.js " > </ スクリプト> 
    < タイトルID ="タイトル」> {{タイトル}} </ タイトル> 
</ ヘッド> 
< 身体> 
< div要素のid = ""頼みます> <!
    
        < リチウムV-ため= "Vリストにおける" > 
            {{v.content}} 
        </ > 
    </ UL > 

    < TEXTAREA Vモデル= "コンテンツ" COLS = "30" = "10" > </ TEXTAREA > 

    < ボタンVオン:クリック= "プッシュ" >发表</ ボタン> 
</ divの> 
< スクリプト> 
    のvar VUE =  機能(オプション){ 新しいヴュー(オプション)};
    VUE({ ' #Title ' 
        データ:{ 
            タイトル:' 方法プッシュのメッセージVueの変化例' 
        } 
    }); 
    VAR アプリ= VUE({ 
        EL:' #ask ' 
        データ:{ 
            内容:'' 
            リスト:[ 
                { ' コンテンツ' ' ask.mykeji.net ' }、
                { ' コンテンツ' ' シンプルレコード' } 
            ]
        }、
        メソッド:{ 
            プッシュ(){ 
                VARのcontent_push = { ' コンテンツ' この.content}。
                この.list.push(content_push)。
                この.content = '' ; 
            } 
        } 
    })。

</ スクリプト> 
</ ボディ> 
</ HTML >

 

おすすめ

転載: www.cnblogs.com/tommymarc/p/11627561.html