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 スタイルが機能しない (史上最も完全な解決策の概要)
>>: フォームファイル選択ボックスのスタイルをカスタマイズする例
GreaseMokey (中国語では Grease Monkey Script と呼んでいます) は...
企業では、データベースの高可用性は常に最優先事項です。多くの中小企業は、MySQL マスター スレー...
1. ノーフープハングアップ信号を無視してプログラムを実行する追加メモnohup コマンドは、ハン...
iPadなどのモバイル端末の普及により、人々がモバイル端末で読書に費やす時間はますます長くなり、読...
Vue でフォーム フィールドを記述および検証する方法は多数あります。このブログでは、より一般的に使...
目次ウェブパック5公式スタート建築ガイド構築を開始する依存する準備が完了したら、プロジェクトの構築を...
目次HTML ページの作成js部分の機能を実装する1. 左ボタンと右ボタン2. 小さな円を動的に生成...
1. instanceofの使用法instanceof演算子は、コンストラクター関数のprototy...
問題点: docker run に -v パラメータを追加すると、コンテナは常に再起動状態になります...
1. データを準備するこのテーブルでは次の操作が実行されます 学生テーブルを作成 ( id int ...
この記事の例では、衝突検出を実装するためのjsの具体的なコードを参考までに共有しています。具体的な内...
CSS を記述するときに、デザインに存在する重要なケースを忘れてしまうことがあります。たとえば、コン...
この記事では、二次リンク効果を実現するためのReactの具体的なコードを参考までに共有します。具体的...
目次序文1. これを使用してデータ内のデータを読み取るプロセス2. Dep.target はいつ存在...
目次序文スタイル機能説明初期化コードイベントリスナーの追加リスナーツールバーモニターテーブル行ツール...