セクションインストールと導入

レンダリング:

 

 コード:

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

 

おすすめ

転載: www.cnblogs.com/FlyingLiao/p/11568467.html