Day3.13スイッチアセンブリ

1  <！DOCTYPE HTML > 
2  < HTML LANG = "EN" > 
3  < ヘッド> 
4      < メタ文字コード= "UTF-8" > 
5      < タイトル>タイトル</ タイトル> 
6      < スクリプトSRC =」../ libに/ JS / VUE .js」> </ スクリプト> 
7  </ ヘッド> 
8  < ボディ> 
9  < DIV ID = "アプリケーション" >
     HREF = "" @ click.prevent = "フラグ=真" >登录</ A > 
11      < HREF = "" @ click.prevent = "フラグ= FALSE" >注册</ A > 12 13 < ログインV-IF = "フラグ" > </ ログイン> 14 < 登録V-ELSE = "フラグ" > </ 登録> 15 </ divの> 16 < スクリプト>17     Vue.component（" ログイン
 
     
     
 
 
 '{
 18は         テンプレート：' <H3>ログアセンブリ</ H3> '19 
    }）;
 20である    Vue.component（' 登録'{
 21は        テンプレート：' <H3>登録成分</ H3> 」22である    }）;
 23のIS     VM CONST = 新しい新しいヴュー（{
 24         EL：' #app ' 、
 25         データ：{
 26は            、フラグ：trueに27         }、
 28の        方法：{}
 29     }）
 30 </   
      
    スクリプト> 
31  </ ボディ> 
32  </ HTML >