Vueはシンプルなデータ双方向バインディングを実装します
|
この記事では、Vueの具体的なコード例を参考までに紹介します。具体的な内容は以下のとおりです。 初心者でも理解しやすいよう、シンプルな実装を紹介します。もちろん双方向データプロキシを実現するには Vue が欠かせません。今後のアップデートに期待しています。 Vue 双方向データバインディング -> Object.defineProperty() //2.0 コア構文
<!DOCTYPE html>
<html lang="ja">
<ヘッド>
<メタ文字セット="UTF-8" />
<meta http-equiv="X-UA-compatible" content="IE=edge" />
<meta name="viewport" content="width=デバイス幅、初期スケール=1.0" />
<title>ドキュメント</title>
</head>
<本文>
<input type="text" id="ipt" />
<p id="lc"></p>
</本文>
</html>
<スクリプト>
//ページ要素を取得します。var ipt = document.getElementById("ipt");
var ps = document.getElementById("lc");
var obj = { 名前: "" };
//vue 双方向データバインディングの基本原則 applicationObject.defineProperty(obj, "name", {
得る（） {
ipt.value を返します。
},
set(newval) {
ipt.value = newval;
ps.innerHTML = newval;
},
});
//入力データの変更を監視し、pタグに値を割り当てます ipt.addEventListener("keyup", function() {
ps.innerHTML = ipt.value;
});
</スクリプト>エフェクト表示:
以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: Windows Server のインストール後にワイヤレスとオーディオが機能しない問題を解決する
推薦する
MySQL DEFINER の使用方法の詳細な説明
目次序文： 1.DEFINERの簡単な紹介2. いくつかの注意点要約:序文： MySQL データベー...
docker の run/cmd/entrypoint の違いの詳細な説明
Dockerfile では、run、cmd、entrypoint はすべてコマンドを実行するために使...
MySql における無効な Null セグメント判定と IFNULL() 失敗の解決策
MySql Nullフィールド判定とIFNULL失敗処理ps: (プロセスを表示したくない場合は、S...
Vueはdivホイールのズームインとズームアウトを実装します
Vue プロジェクトで div ホイールのズームインとズームアウト、ドラッグ効果、キャンバス効果に似...
Dockerがコンテナを作成した後にホスト名を変更する詳細なプロセス
後悔を癒す薬は世の中にある、考えてみる気さえあれば！コンテナを再作成する必要はもうありません。 m2...
Ubuntu の MySQL のパラメータ ファイル my.cnf の詳細な分析
序文MySQL に関する私の理解に基づくと、パフォーマンスの最適化作業やマスター スレーブ レプリケ...
Vue+SpringBoot のフロントエンドとバックエンドの分離におけるクロスドメインの問題
フロントエンドとバックエンドを分離した開発では、フロントエンドがバックエンドの API を呼び出して...
ウェブページのFOUC問題によるウェブページの混乱の解決策
FOUC は Flash of Unstyled Content の略で、FOUC と略されます。簡...
Docker 可視化グラフィックツール portainer の詳細な説明
目次1. ポーテナーの紹介2. Portainer アーキテクチャの概要3. Portainerのイ...
原因不明のMySqlサービス消失の解決策
原因不明のMySqlサービス消失の解決策先ほど、MySQL-Front が突然 MySql を開けな...
LinuxでPythonの組み込みバージョンを削除する手順の詳細な説明
大きな落とし穴、Linuxシステムに付属するPythonのバージョンを簡単に削除しないでください1....
MySQLデータのバックアップ方法の選択と考え方
目次1. rsync、cpでファイルをコピーする2. xxxをoutfile構文に選択する3. 遅延...
MySQLで大きなテーブルをエレガントに削除する方法について簡単に説明します
目次1. 切り捨て操作1.1 MySQL truncate はどのような操作を実行しますか? 1.2...
Bash で山括弧を使用するその他の方法
序文この記事では、山括弧のその他の用途をさらに詳しく見ていきます。前回の記事では、山括弧 (<...
docker イメージのプル速度が遅い問題の解決策
現在、Docker には中国向けの公式ミラーがあります。詳細については、https://www.do...