レンダリング:
コード:
<!DOCTYPE HTML > < HTML LANG = "EN" > < 頭> < メタ文字コード= "UTF-8" > < タイトル> </ タイトル> < リンクタイプ= "テキスト/ cssの" REL = "スタイルシート" のhref =」 " / > < スタイルタイプ= "テキスト/ cssの" > * { マージン:0 ; パディング:0 ; <! - 最初の導入方法:ネットワーク・アドレスを導入する <SCRIPT SRC = "https://cdn.jsdelivr.net/npm/vue/dist/vue.js"> </ SCRIPT> - > <! - 導入の第二の方法:導入vue.jsローカルアドレス- > < スクリプトSRC = "JS / vue2.6.9.js" > </ スクリプト> </ ヘッド> < 身体> <! - DOMレンダリングされたデータ、補間テキスト- > < DIV ID = "アプリケーション" > {{{{メッセージ2メッセージ1}}}} </ DIV > < スクリプトタイプ= "テキスト/ JavaScriptを" > ウィンドウ。onload = 関数(){ VaRのアプリ= 新しいヴュー({ EL:' #app ' 、 データ:{ メッセージ1:' 你好' 、 メッセージ2:' 私は\'来るmは' } })。 } </ スクリプト> </ ボディ> </ HTML >