Vueはカウンターのシンプルな生成を実装します
|
この記事では、Vueカウンターの簡単な実装コードを例として紹介します。具体的な内容は以下のとおりです。 プロセスの考慮事項
実際のコードとスクリーンショット
<html lang="ja">
<ヘッド>
<メタ文字セット="UTF-8">
<meta name="viewport" content="width=デバイス幅、初期スケール=1.0">
<title>カウンター</title>
</head>
<本文>
<div id="アプリ">
<!--カウンター機能エリア-->
<div class="input-num">
<ボタン @click="sub">
-
</ボタン>
<span>{{数値}}</span>
<ボタン @click="追加">
+
</ボタン>
</div>
</div>
<!-- 開発バージョン、便利なコマンドライン警告を含む -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<スクリプト>
//vueインスタンス var app = new Vue({
el:"#アプリ",
データ： {
番号:1
},
メソッド: {
追加:関数(){
//コンソール.log('追加')
if(this.num<10){
this.num++;
}それ以外{
alert('クリックしないでください。一番大きいものです!');
}
},
サブ:関数(){
//コンソールログ('sub')
if(this.num>0){
this.num--;
}それ以外{
alert('クリックしないでください。最小値です!');
}
}
},
})
</スクリプト>
</本文>
</html>
vue.js コンポーネントのチュートリアルについては、特別な vue.js コンポーネント学習チュートリアルをクリックして学習してください。 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: Linux での MySQL の文字化け問題の解決方法
>>: win10にUbuntu18デュアルシステムをインストールするとmmx64.efiが見つからないという問題が発生する
推薦する
入力ボックスの値を取得する方法のReactの例
入力ボックスの値を取得する複数の方法最初の方法は、制御されていないコンポーネントの取得です2番目の方...
Docker環境でJenkinsを設定すると、タスクをビルドするときにコンソールログに文字化けした中国語の文字が表示されます
目次1. 問題の説明: 2. Jenkins設定のトラブルシューティング3. コードログのエンコード...
MySql が常に mySqlInstallerConsole ウィンドウをポップアップする問題の解決策
MySql は常に MySQLInstallerConsole.exe ウィンドウを定期的にポップア...
CSS3 クリックボタン円形進行ティック効果実装コード
目次8. CSS3 クリックボタンの円形進捗チェック効果8.1 画像プレビュー8.2 index.h...
HTMLタグの説明
HTMLタグの説明1. HTMLタグタグ: !DOCTYPE説明: HTML ドキュメントが準拠する...
MySQL累積計算実装方法の詳しい説明
目次序文需要分析MySQL ユーザー変数累積計算にMysqlユーザー変数を使用する要約するこの記事で...
Nexus を使用して jar パッケージをプライベート サーバーに追加する方法
なぜ Nexus プライベート サーバーを構築する必要があるのでしょうか。その理由は非常に簡単です。...
vue+rem カスタムカルーセル効果
vue+remを使用したカスタムカルーセルチャートの実装は参考までに。具体的な内容は以下のとおりです...
MySQL デッドロックのトラブルシューティングの全プロセス記録
【著者】 Liu Bo: Ctrip テクニカル サポート センターのシニア データベース マネージ...
MySQL でのバイナリ型操作
この記事は主にMySQLデータベースのバイナリ型操作を紹介し、具体的な内容を通して紹介します。MyS...
ウェブフロントエンド開発の細部
1 選択タグは閉じられている必要があります <select></select>...
Nodejsはgitee実装コードに自動的に同期するドキュメント同期ツールを作成します
本来の意図このツールを作った理由は、コンピューターを使用しているときにいつでも毎日の仕事や生活を記録...
MySQL パーティション関数の詳細な説明と例の分析
まず、データベース パーティショニングとは何でしょうか?以前、MySQL のテーブル パーティショニ...
Linux または Android でファイル システムを追加する属性インターフェイスを解析する方法
最初のもの: 1. 主要なヘッダーファイルを追加します。 #include <linux/of...
Debian システムでの自動パッケージ更新の問題を解決する方法
いつから始まったのかはわかりませんが、コンピュータの電源を入れてインターネットに接続するたびに、デー...