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 レポートの問題を解決します。
推薦する
Tomcat プロセスの CPU 使用率が高い場合の解決策
目次場合コンテキスト切り替えのオーバーヘッド?要約するCPU は多くの場合、システム パフォーマンス...
HTMLでアンカーの位置を設定するためのいくつかの一般的な方法
HTML でアンカーの位置を設定する方法はいくつかあるので、ここで紹介します。 1. ID ポジショ...
HTMLのimgタグで画像の中心部分だけを表示する方法（3つの方法）
HTML の img タグで画像の中心を表示する方法は、現在 3 つあります。ここで記録しておきま...
iOS WeChat H5ページのゴム反発効果の落とし穴記録
ビジネス要件最近開発したプロジェクトの一つに、WeChat公式アカウントに関連したH5ページがありま...
Nexus をベースに Alibaba Cloud プロキシ ウェアハウスを構成するプロセスの分析
Nexus のデフォルトのリモートリポジトリは https://repo1.maven.org/ma...
Reactの状態管理の3つのルールのまとめ
目次序文No.1 焦点No.2 複雑な状態ロジックの抽出No.3 複数状態操作の抽出要約する序文Re...
MySQL データベースの必須条件クエリ ステートメント
目次1. 基本的な文法2. 条件式によるフィルタリング3. 論理式によるフィルタリング4. あいまい...
Windows で mysql5.7.21 をインストールするための詳細なチュートリアル
この記事では、参考までにMySQL 5.7.21のインストールチュートリアルを紹介します。具体的な内...
Linux クラウド サーバーに JDK と Tomcat をインストールするための詳細な手順 (推奨)
JDKをダウンロードしてインストールするステップ 1: まず、公式 Web サイト http://...
DockerコンテナでLNMPをコンパイルする例
目次1. プロジェクトの説明2. Nginxイメージの作成3. MySQLイメージの作成4. PHP...
効果的なウェブフォームのための 8 つのルール
ユーザーから情報を収集する場合、Web フォームを使用するより簡単で直接的な方法はありません。適切に...
VMware Workstation 15 Pro に Ubuntu 1804 をインストールするチュートリアル (画像とテキスト付き)
このメモはインストール チュートリアルです。実用的な意味はありません。記録のためだけに書いています。...
Vue.jsはタイムライン機能を実装します
この記事では、タイムライン機能を実装するためのVue.jsの具体的なコードを参考までに共有します。具...
MySQL クエリ データベース容量方法手順
すべてのデータベースの合計サイズを照会する方法は次のとおりです。 mysql> informa...
カルーセル効果を書くためのjs
この記事では、カルーセルマップの効果を実現するためのjsの具体的なコードを参考までに共有します。具体...