V-ショー/非表示の場合

<!DOCTYPE HTML>
<HTML LANG = "EN">

<ヘッド>
<メタ文字セット= "UTF-8">
<メタ名=「ビューポート」コンテンツ=「幅=装置幅、初期の規模= 1.0」>
<META HTTP-当量= "X-UA-互換性のある" コンテンツ= "IE =エッジ">
<タイトル>ドキュメント</ TITLE>
<スクリプトSRC = "https://cdn.bootcss.com/vue/2.6.10/vue.js"> </ SCRIPT>
<リンクのhref = "https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.css" のrel = "スタイルシート">

</ head>の

<身体>
 
<DIV CLASS = "コンテナ" ID = 'アプリ'>
<H2 V-場合= 'フラグが'>単語がどのようなものです。</ H2>
<ボタン@クリック= 'ショー'>按钮</ボタン>
 
</ div>

<スクリプト>
{(VM =新しいVueのでした
エル: "#app"、
データ:{
フラグ:偽
 
}、
方法:{
ショー(){
this.flag =!this.flag
}
}、
 
 
});
</ SCRIPT>


</ BODY>

</ HTML>

おすすめ

転載: www.cnblogs.com/xiannv/p/10973876.html