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 におけるマージン: トップ崩壊問題を解決する
Linux システムには 2 種類のスケジュールされたタスクがあります。1 つは 1 回だけ実行され...
1. ファイアウォール設定ファイルを変更する # vi /etc/sysconfig/iptable...
Docker の人気と成熟に伴い、Docker は徐々にプロジェクトをデプロイするための第一の選択肢...
目次動作原理:ブラウザは何をするのですか?ホストファイル index.htmlメイン.jsその他のベ...
1. mysqlbackup の紹介mysqlbackup は、MySQL Enterprise B...
一部の障害コード テーブルでは、履歴またはパフォーマンス上の理由から、次の設計パターンが使用されます...
目次原因理由NPM の紹介: CNPM の紹介:より良い方法方法の改善npm と cnpm を一緒に...
目次ステップ1: CentOS 8でパッケージを更新するステップ2: CentOS 8にNginx ...
背景AWS EC2 を使用するプロジェクトサービスがあります。セキュリティとパフォーマンスを考慮して...
a タグが新しいページを開くかどうか: (1)百度百科事典:ヘッダーが異なる場合は新しいページが開き...
この記事では、MySQL 学習ノートの select ステートメントの完全な使用方法を例を使用して説...
Vue での img の動的スプライシングを見てみましょう。src 画像アドレス、具体的な内容は次の...
目次序文分析するデータ合計繰り返し率どこにあるかと持っているかの違い要約する序文私はソフトウェアの導...
数日前、私のウェブサイトがいくつかの IP アドレスから大量の悪意のある標的型スキャンを受け、ブルー...
目次1. nginxのインストールと操作(Mac OS環境) 2. nginxルールの設定3. コマ...