<!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 >