Vue における {{}}、v-text、v-html の違いと用途の詳細な説明
<!DOCTYPE html>
<html lang="ja">
<ヘッド>
<メタ文字セット="UTF-8">
<title>タイトル</title>
</head>
<本文>
<div id="アプリ">
<p>おはようございます {{info}}</p>
<p v-text="info">おはようございます</p>
<p v-html="info">おはようございます</p>
<時間>
<p v-text="addr">はあ</p>
<p v-html="addr">はあ</p>
<時間>
<p v-text="addr2">はあ</p>
<p v-html="addr2">はあ</p>
</div>
</本文>
</html>
<script src="js/vue.js"></script>
<スクリプト>
新しいVue({
el:"#アプリ",
データ：{
情報:"良い",
addr:"<a href='https://www.baidu.com'>クリックして Baidu に入る</a>",
addr2:'<a href="https://www.baidu.com" rel="external nofollow" >Baidu</a>'
}
});
</スクリプト>
これで、vue における {{}}、v-text、v-html の違いと用途に関するこの記事は終了です。vue における {{}}、v-text、v-html の違いと用途に関するより関連性の高いコンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: DockerでMySQLマスタースレーブ環境を構築する方法の詳しい説明
>>: Navicat がデータベース データ構造をインポートする際に発生するエラー datetime(0) の SQL レポートの問題を解決します。
推薦する
Web コンテンツ ページを作成するための 9 つの実用的なヒント
コンテンツ1. 読者に留まる理由を与える。ウェブページを面白く魅力的なものにしましょう。しかし、まず...
Linuxの貼り付けコマンドの使い方
01. コマンドの概要貼り付けコマンドは各ファイルを列ごとに結合します。これは、2 つの異なるファイ...
Windows サービス 2012 Alibaba Cloud サーバーで MySQL をビルドするときに msvcr100.dll ファイルが見つからないという問題を解決します
解決策1: msvcr100.dll ファイルをダウンロードし (インターネットからソース ファイル...
MySQL ディープ ページング (数千万のデータを素早くページ分割する方法)
目次序文場合最適化まとめ序文バックエンド開発では、一度に大量のデータがロードされ、メモリやディスク ...
Windows で Graphviz をインストールして開始する方法のチュートリアル
ダウンロードとインストール環境変数の設定インストール環境変数の設定確認基本的な描画の紹介グラフディグ...
SpringBoot と Vue の相互作用におけるクロスドメイン問題の解決策
目次ブラウザ同一生成元ポリシー1. VUEフロントエンド構成プロキシはクロスドメインの問題を解決しま...
Reactコンポーネント通信の詳細な説明
目次コンポーネント通信の概要コンテンツ3つの方法まとめコンポーネントコミュニケーション - 父から息...
MySQLユーザー削除バグを解決する
著者が MySQL を使用してユーザーを追加していたところ、ユーザー名が間違って記述されていることに...
Web デザイン スキル: iframe の適応高さの問題
おそらく、この問題にまだ遭遇していない人もいるでしょうから、まずは適応高さとは何かを説明しましょう。...
Vueは画像のズームとドラッグをサポートするリッチテキストエディタを統合しています
必要：ビジネス要件によると、写真をアップロードできる必要があり、アップロードされた写真はモバイル端末...
React Fragment の紹介と詳しい使い方
目次序文フラグメントの動機React Fragment の紹介と使用<React.Fragme...
Vueは動的に生成されたコンポーネントをドラッグアンドドロップする要件を実装します
目次製品要件アイデア問題ライブラリ選択をドラッグコンポーネントを生成する方法コンポーネントを生成する...
mysql8.0.20 のデータディレクトリを移行する方法
mysql のデフォルトのストレージ ディレクトリは/var/lib/mysql/です。以下は、デフ...
ウェブデザインの達人がよく使うレスポンシブフレームワークを共有する（要約）
この記事では、Web デザインの達人がよく使用するレスポンシブ フレームワーク (概要) を紹介し、...
js の一般的でない演算子と演算子の概要
一般的な演算子と JavaScript の演算子の概要カテゴリオペレーター算術演算子+、–、*、/、...