この記事では、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 のインストール後にワイヤレスとオーディオが機能しない問題を解決する
目次序文: 1.DEFINERの簡単な紹介2. いくつかの注意点要約:序文: MySQL データベー...
Dockerfile では、run、cmd、entrypoint はすべてコマンドを実行するために使...
MySql Nullフィールド判定とIFNULL失敗処理ps: (プロセスを表示したくない場合は、S...
Vue プロジェクトで div ホイールのズームインとズームアウト、ドラッグ効果、キャンバス効果に似...
後悔を癒す薬は世の中にある、考えてみる気さえあれば!コンテナを再作成する必要はもうありません。 m2...
序文MySQL に関する私の理解に基づくと、パフォーマンスの最適化作業やマスター スレーブ レプリケ...
フロントエンドとバックエンドを分離した開発では、フロントエンドがバックエンドの API を呼び出して...
FOUC は Flash of Unstyled Content の略で、FOUC と略されます。簡...
目次1. ポーテナーの紹介2. Portainer アーキテクチャの概要3. Portainerのイ...
原因不明のMySqlサービス消失の解決策先ほど、MySQL-Front が突然 MySql を開けな...
大きな落とし穴、Linuxシステムに付属するPythonのバージョンを簡単に削除しないでください1....
目次1. rsync、cpでファイルをコピーする2. xxxをoutfile構文に選択する3. 遅延...
目次1. 切り捨て操作1.1 MySQL truncate はどのような操作を実行しますか? 1.2...
序文この記事では、山括弧のその他の用途をさらに詳しく見ていきます。前回の記事では、山括弧 (<...
現在、Docker には中国向けの公式ミラーがあります。詳細については、https://www.do...