1. プラグイン式を使用する
<div id="アプリ"> <p> {{メッセージ}} </p> <p v-text="メッセージ"></p> </div> <script src="./js/vue.js"></script> <スクリプト> vm = new Vue({ el:"#アプリ", データ:{ メッセージ:"hello vue" } }) </スクリプト> 上記のコードでは、出力が正常であれば、結果は一貫しています。 ただし、ネットワーク速度が遅い場合は、プラグイン式が先にページに出力されます。 {{メッセージ}} ページは通常どおりレンダリングされますが、ユーザー エクスペリエンスとしては不十分です。 2. プラグイン式でv-cloakを使用してちらつきの問題を解決する<スタイル> [Vクローク]: 表示:なし; } </スタイル> <div id="アプリ"> <p v-マント> {{メッセージ}} </p> <p v-text="メッセージ"></p> </div> <script src="./js/vue.js"></script> この方法はちらつきの問題を解決するために使用できます 3. プラグイン式プラグイン式はコンテンツを挿入するだけで、元のコンテンツを上書きしませんが、 <div id="アプリ"> <p> - - {{メッセージ}} - - </p> //----こんにちはVue---- <p v-text="メッセージ">1234556</p> // こんにちはビュー </div> <script src="./js/vue.js"></script> <スクリプト> vm = new Vue({ el:"#アプリ", データ:{ メッセージ:"hello vue" } }) </スクリプト> これで、vue 補間式と v-text ディレクティブの違いに関するこの記事は終了です。vue 補間式と v-text ディレクティブの違いについての詳細は、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: MySQLでよく使われる文字列関数トップ10の詳細な説明
>>: CCS におけるマージン: トップ崩壊問題を解決する
背景今日、他のプロジェクト チームと協力してシステムのストレス テストを実施しているときに、プロ...
1. 通常の背景ぼかしコード: <スタイル> html, 体 { 幅: 100%; 高...
コードをコピーコードは次のとおりです。 <!--[IEの場合]><script t...
目次例示する1. ブロブオブジェクト2. フロントエンド3. バックエンド要約する例示する最近、ファ...
docker create コマンドは、イメージに基づいてコンテナを作成できます。このコマンドの効果...
画像をプルする # docker pull codercom/code-server # Docke...
1. 問題開発中に、他のデータベースから MySQL データベース テーブルにデータを挿入すると、次...
目次テレポートの目的テレポートの仕組みこの記事では、以下の内容を取り上げます。テレポートの目的テレポ...
目次1. グローバルガード1. グローバル前線警備2. グローバル解像度ガード3. グローバルポスト...
DockerにNginxをインストールするNginx は、IMAP/POP3/SMTP サービスも提...
Count(*) または Count(1) または Count([column]) は、おそらく S...
DockerでNginxイメージをダウンロードする docker プル nginx Docker イ...
目次1. 応答原理の基盤2. コアオブジェクト: Dep と Watcher 3. 依存関係を収集し...
Web ページ エンコーディングは英語では web page encoding と翻訳され、Web ...
1. 公式サイトにアクセスしてインストールパッケージをダウンロードしますダウンロードリンク: クリッ...