1. v-bind: 要素の属性にデータをバインドできる<div id="アプリ"> <p v-bind:title="message" v-bind:id="pId">私はpタグです</p> </div> <script src="./js/vue.js"></script> <スクリプト> vm = new Vue({ el:"#アプリ", データ:{ メッセージ: 「私はpタグのタイトル値です」 pId: 「これはランダムなIDです」 } }) 出力は次のようになります。 2. v-bind: は次のように省略できます: コロンを直接記述することをお勧めします<div id="アプリ"> <p :title="message" :id="pId">私はpタグです</p> </div> <script src="./js/vue.js"></script> <スクリプト> vm = new Vue({ el:"#アプリ", データ:{ メッセージ: 「私はpタグのタイトル値です」 pId: 「これはランダムなIDです」 } }) 出力は上記と同じである 3. v-bind: 命令式の結合、
引用符なし:
引用を追加: <p title="200" :title="message" :id="pId+'これは追加のIDです'">私はpタグです</p> 出力: 以下もご興味があるかもしれません:
|
<<: CSS スタイルが機能しない (史上最も完全な解決策の概要)
>>: フォームファイル選択ボックスのスタイルをカスタマイズする例
Ubuntu 1804 への MySQL 5.7 のインストールについて詳しく紹介します。 MySQ...
Web 標準に準拠した Web ページの構築は、jb51.net が常に全員と議論しているトピックで...
この記事では、JSオブジェクト指向タイピングゲームの具体的なコードを参考までに紹介します。具体的な内...
MySQL5.7.21のインストールとパスワード設定のチュートリアルは次のとおりです。公式リファレン...
現在、MySQL の最適化について学習しています。この記事では、データ型とスキーマの最適化について紹...
この記事では、アンカー配置を実装するためのVueの具体的なコードを例として紹介します。具体的な内容は...
最近、あるプロジェクトに取り組んでいたとき、自分のプロジェクトでは CSS3 のアニメーション技術を...
ローカルでコンテナを作成した後、このコンテナに基づいてローカル イメージを作成し、このイメージを D...
パート3: ❤バックエンドデータ受信を見落とす3つの方法❤ (おすすめ集)パート 2: Web フォ...
この記事では、例を使用して、MySQL イベントの変更 (ALTER EVENT)、イベントの無効化...
まず、ハードディスクデバイスにデータディスクがあるかどうかを確認します # まずfdisk -lを実...
目次環境仮想マシンバージョンMySQL バージョン事前準備MySQLの実行ステータスを確認するルート...
モバイル デバイス向けに開発する場合、Retina 画面上で要素の境界線が太くなるという問題に遭遇す...
Node の研究と応用を通じて、NodeJS はシングルスレッド、イベント駆動型、非ブロッキング I...
序文JS に触れるすべての開発者は、必然的に for ループを扱うことになります。結局のところ、fo...