Vueカウンターの実装
1. カウンターの実装ページにカウンターを実装するだけです:
<!DOCTYPE html>
<html lang="ja">
<ヘッド>
<メタ文字セット="UTF-8">
<title>タイトル</title>
<script src="../js/vue.js"></script>
</head>
<本文>
<div id="アプリ">
<h3>現在のカウンター: {{counter}}</h3>
<button @click="add">+</button>
<button @click="分">-</button>
</div>
<スクリプト>
constアプリ = 新しいVue({
el: "#app",
データ： {
カウンター: 0
},
メソッド: {
追加: 関数 () {
this.counter++;
},
分: 関数 () {
this.counter--;
}
}
})
</スクリプト>
</本文>
</html>
2. 成果を達成する最終的な効果は以下の GIF に示されています。
Vue カウンターの実装に関するこの記事はこれで終わりです。Vue カウンターに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
>>: Docker で Redis センチネル モードを構成する方法 (複数のサーバー上)
推薦する
Linux で実行可能ファイルを実行するときに「そのようなファイルまたはディレクトリはありません」というプロンプトが表示される場合の解決策
最近、Linux オペレーティング システムを使用して実行可能ファイルを実行していたところ、「そのよ...
RR および RC 分離レベルでのインデックスとロックのテスト スクリプトのサンプル コード
基本概念現在の読み取りとスナップショットの読み取りMVCC では、読み取り操作はスナップショット読み...
MySQL が UNION を使用して 2 つのクエリを接続できない理由の詳細な説明
概要連合接続データセットキーワードは、2つのクエリ結果セットを1つに連結し、同一のレコードを除外する...
MySQL 学習 (VII): Innodb ストレージ エンジン インデックスの実装原理の詳細説明
概要データベースでは、ツリー ディレクトリと同様に、インデックスを使用してデータ検索を高速化します。...
thead、tfoot、tbodyを使用して表を作成します
これらの 3 つのタグを間違った方法で使用して、タイトルを表に沿わせたり、tbody の高さを固定し...
この記事では、VUE の複数の DIV とボタン バインディングの Enter イベントを実装する方法を説明します。
現在、OK ボタンをクリックしたときやキーボードの Enter キーを押したときに操作を実行するとい...
MySQLテーブルにタイムスタンプを追加するいくつかの方法
シナリオ：テーブル内のデータは、同期ツールを使用して他のデータベースと同期する必要があり、増分同期に...
Linux で PyCurl のエラーを解決する方法
「curl-config を実行できませんでした」の解決策 pycurl のダウンロード/解凍 (p...
モバイル ブラウザのビューポート パラメータ (Web フロントエンド デザイン)
モバイル ブラウザは、Web ページを仮想の「ウィンドウ」(ビューポート) に配置します。このウィン...
CSS3 カテゴリメニュー効果
CSS3 カテゴリ メニューの効果は次のとおりです。 html <html> <ヘ...
MAC での MYSQL5.7.17 接続失敗の問題と解決策
MYSQL5.7.17 が MAC で接続できない問題。SQLBench_community 6.3...
Vue で $props、$attrs、$listeners を使用する方法の詳細な説明
目次背景1. 文書の説明2. 特定の用途結論背景ここで、状況について説明しましょう。親コンポーネント...
vue3 を使用してマテリアル ライブラリを構築する方法
目次なぜマテリアルライブラリが必要なのでしょうか?材質は何ですか？素材の種類fuep、vue3 ベー...
中国語でのNginx設定パラメータの詳細な説明（負荷分散とリバースプロキシ）
PS: 最近、nginx を詳細に紹介している <<High-Performance ...
Dockerパッケージイメージの実装と構成の変更
最近、Docker の学習や実際の運用で多くの問題に遭遇したので、それを記録するためにブログを書きま...